Add a new attribute columns.command.materialIconClass and render it e.g. as <i class="material-icons">contact_mail</i> Example: var grid = $("#grid").kendoGrid({ dataSource: { pageSize: 20, data: createRandomData(50) }, pageable: true, height: 550, columns: [ { field: "FirstName", title: "First Name", width: "140px" }, { field: "LastName", title: "Last Name", width: "140px" }, { field: "Title" }, { command: { materialIconClass: "contact_mail", text: "View Details", click: showDetails }, title: " ", width: "180px" }] }).data("kendoGrid");
When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.
Currently, the UID for the group is not matching the group row's UID, and the error message appears.
Hello,
autoFitColumn not working for columns if they are locked and in multi-column header. Example is below. If I remove "locked: true" from first column, than it works good. Can you help me please?
<!DOCTYPE html>
<
html
>
<
head
>
<
style
>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</
style
>
<
title
></
title
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"
/>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
id
=
"example"
>
<
div
id
=
"grid"
></
div
>
<
script
>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
},
pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
resizable: true,
reorderable: true,
pageable: true,
columnMenu: true,
dataBound: function() {
this.autoFitColumn("CompanyName");
this.autoFitColumn("ContactTitle");
},
columns: [{
title: "Group",
width: 420,
locked: true,
columns: [{title: "CompanyName",width:60, field: "CompanyName"},
{title:"ContactTitle", width:60, field: "ContactTitle"}]
},
{
title: "Contact Info",
columns: [{
field: "ContactTitle",
title: "Contact Title",
width: 200
},{
field: "ContactName",
title: "Contact Name",
width: 200
},{
title: "Location",
columns: [ {
field: "Country",
width: 200
},{
field: "City",
width: 200
}]
},{
field: "Phone",
title: "Phone"
}]
}]
});
});
</
script
>
</
div
>
</
body
>
</
html
>
Hi Team,
I would like to request the Kendo UI Grid to have a property for min-width for columns which are not resizable. This way, when the screen reduces in size, the width will remain at a min width.
Thank you!
I'd like to request the functionality to change the multiple selection process of the Kendo UI Grid to be the same as Excel. For example, the following shows a block of cells selected instead of all of the cells in-between the selected cells from Shift+Clicking:
Thank you!
Drag fill multiple cells like excel. Kendo Spreadsheet control already has it. This is a crucial feature missing from versatile grid , IMO
Hiding the first column in Grid will show a 2 pixels left border instead one.
Dojo Sample to replicate the issue: https://dojo.telerik.com/ubaLiYEN
Steps:
1. Hide the first column (OrderID) from the Column Menu.
2. Notice the doubled left-border on the left hand side of the Grid.
We need the ability to merge grid rows with the same values (see attached). This is a feature our customers have come accustom to with our Windows UI and the Developer Express toolkit. I understand I can manipulate the rowTemplate to achieve similar results but it is my understanding this will cause issues with row selection, editing, etc... Is this something that can be introduced in the future?
Regards,
Bracken
Hi Team,
I would like to request a better way to be able to refresh the filters when the Kendo UI Grid refreshes. I will elaborate more in an additional comment.
Thanks!
Enable kendo grid to export excel with subscript/superscript and other options using Excel export API via configuration options. Right now it supports background, bold, color, fontName, fontSize, hAlign, italic, underline, and vAlign. Adding superscript/subscript would be great and it should not be difficult.
I know there was a request was declined, but DOM double click can't pass data row, it is a common feature to have.
Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.
This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.
This seems to have been introduced in 2019 R2 SP1 version.
In the spreadsheet there is a way to delay repainting til bulk editing is complete. Grid does not have such a mechanism easily accessed, however with a grid with a large number of rows, inserting multiple rows takes a long time as each row insert triggers the change event. It can be worked around but would be better if it was supported like spreadsheet.
Hi,
I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.
I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.
In the browser console you can see the javascript error: "Cannot read property 'rows' of null".
Reproduction of the problem:
The Kendo Grid multi checkbox filter has the same sort order as the column it belongs to. There is a example of how to correct that and provide a sort here:
https://docs.telerik.com/kendo-ui/knowledge-base/sort-multi-checkbox-filter
However that sorts the multiple checkbox filters correctly but it does not persist any existing checked items. If you have pre-existing items checked when this runs it will clear that and just return sorted checkboxes. In our case when we change refresh the datagrid datasource (using setDataSource) it will refresh the filter options while persisting the existing selected checkboxes. However if we want to do that and have the checkboxes sorted then we lose our existing selection.Hi, I posted an issue in forum thread. http://www.telerik.com/forums/grouping-with-column-template-not-working I'm stuck because grouping is not working on template column containing null values. Is it possible to get a working solution? It seems to be a simple null check not done in kendo framework... Thank you for your help