The current built-in _tmpl: method of kendo.grid constructs a very nice automatic row template that is aware of alternation, hasDetails and all the columns.* configuration settings such as formats and attributes. Two new templateSettings could make the automatic template even more useful, especially for row-wise highlighting based on data conditions (aka traffic highlighting): templateSettings.autoGridTrClassHook : string - inject addtional classes or kendo template source into the class="..." attribute of the <TR> element in the automatic row template templateSettings.autoGridTrHook : string - inject addtional html source or kendo template source into the <TR> element of the automatic row template Example $('#grid').empty().kendoGrid({ dataSource: myRemoteDS, ... templateSettings: { autoGridTrClassHook: '# if (data.Recent==="Y") { # is-recent #}#' }, ... Some css .is-recent { font-style: italic; background: #FFFFCC; } .is-recent.k-alt { font-style: italic; background: #FFFF99; } .is-recent.k-state-selected { font-style: italic; background: #6600FF; }
Allow inserting a row in a grid when the filter is applied and show the newly inserted row (even if it does not match the filter criteria) until the filter is re-applied by the user. This behavior is consistent with Microsoft Excel. Can the kendo grid be modified to support this behavior?
Would be nice to have a simple grouping without collapse and additional column for expand/collapse icon (just a grouping row with colspan attribute)
The Kendo grid is slow to render row details when using Internet Explorer. The reason, according to a forum post, is because IE does not handle the ":not()" selector well, which the Kendo uses. Fix this problem.
Grid sorting needs to sort Enum by text, not by their numeric undelaying value. Or at least it should be an option what to sort by.
In a navigatable grid with row selection mode, It should be possible to focus row using arrow keys (up or down) instead of space bar. Right now when user press arrow keys, only once cell is being highlighted and focused. If user wants to highlight that row then he needs to press spacebar. this behavior is confusing for end user.
Give the developer an option to show a search field in the grid. This option should be configurable so we could chose which column(s) to search in. With a single keyword the user would be able to get a specific row.
It would be great to have a couple of CSS classes to do customization of the style of scrollbars in Kendo UI Web controls (multi-browser) because otherwise its really complicated to integrate javascript plugins to do this in the Kendo UI structure.
I want to be able to change whether a grid is scrollable, as its datasource grows or shrinks, without having to destroy and recreate it, and I want to control whether the columns are equal width or auto-sized, independently of whether it's scrollable. I also want to change its height, and turn on and off the option that lets it auto-size itself. (Also I'm running into a similar issue with charts, where I can't change the tooltip template after it's set.)
We need to display a custom content in the grouping cells (the empty leftmost indentation cells in data rows). Currently it is impossible since the cells are rendered "statically" (kendo.grid.js, line 337): function groupCells(count) { return new Array(count + 1).join('<td class="k-group-cell"> </td>'); } Currently I insert my cell content AFTER the rows are rendered using $('.k-group-cell', row).html(...). But, you know, it is far not the best approach. Please implement a grid option, say, groupCellTemplate:string|object – it won't be too hard. And let me know if you would like me to contribute.
Can we please have a way to save and retrieve the raw html formatted as we'd like. Currently it does not matter how you write the raw html, it will come back in an unusable blob of html
The event args from column.groupHeaderTemplate (and groupFooterTemplate) should contain a function to retrieve the data for that group. Currently, they only contain "field" and "value." If you made the grouped rows available in this event, clients would be free to add multiple aggregate columns of the same type (i.e., get the "sum" of multiple values instead of being limited to a single value). I've been able to halfway implement this, but it only works correctly if I'm only grouping by one column. For example, if I'm grouped by WidgetName and then by ProductCode, my event args for ProductCode should contain a function to return data rows for only rows matching the current ProductCode and WidgetName.
When the user types a value in a grid column filter, clicks the filter button, then deletes the value from the column filter, and clicks the filter button, the grid results will not change to reflect the updated filter. When the filter text is removed, and the filter button is clicked, the grid results should be updated.
When adding Multi-Level Hierarchical Grid no option to make single select mode for the whole grid so that when i click a row on the master grid and another in the details grid and one other again in the 3rd sub-details grid i have both 3 of the rows selected.
New items (rows) are not shown in grid when they don't match the filter settings made to the grid. So it would be really useful if applied filters and sortings were resetted when new items are created.
By default Kendo Grid places a new created item/row at top of the grid in batch / incell edit mode. When saved the item remains top. The items count is increased in this case. A click on Cancel puts the new item to the end of the grid and the items count is decreased. There is just a work-around which stops the propagation of the cancel event when the datasource has no chances (thanks to Petur). That should be the standard behaviour.
Currently having a column format of "{0:#}" does not infect the filters format. E.g. 5 becomes to 5.00 on blur event in filter dialog. So we have to modify filters behaviour manually which is a pain. Currently we are using this function: function configureFilterFormatting($grid) { var kendoGrid = $grid.getKendoGrid(); kendoGrid.bind('filterMenuInit', function (event) { var column; $j.each(event.sender.columns, function (index, item) { if (item.field == event.field) { column = item; return; } }) if (!column) { throw new Error('Invalid column'); } if (column.format) { // Transform '{0:#}' in '#' var format = column.format.replace(/^{0:/, '').replace(/}$/, ''); event.container.find('[data-role=numerictextbox]').each(function () { var $numericTextbox = $j(this); $numericTextbox.getKendoNumericTextBox().setOptions({ format: format }) }); } }); }
I know it is possible to show/hide columns through the column menu, but there is something odd about being able to hide one column from another column's menu. Alternative is to implement something yourself and use the API to show/hide a column, this seems like something that should be an option in the grid. I am imagining a column chooser button (perhaps in the top left header) that opens up a list of checkboxes similar to what you see in the column menu.
Kendo Grid should expose some method which are exposed by other controls...like selectable and disable...for k-selectable class. So that one can enable or disable grid on external button click.
When a grid is first showed with a group value (e.g. a date value), it should be possible to apply a sorting direction to the grouped value (e.g. descending)