Currently Kendo UI grid don't have any way to know that grid changes its mode from edit to view in case of incell editing. As per thread (http://www.telerik.com/forums/is-there-any-way-to-know-grid-edit-mode-changes) we have to add blur/focusout event handler to know changing mode. But some time it happen (in case of adding custom widgets through columns editor) that blur/focusout event triggered but still grid is in edit mode. Its better to have an event when grid changes its mode from edit to view so that we can minimize issue mentioned above.
We use the Kendo Grid with a DataSource connected to an OData service. We also use the OOB Kendo Grid functionality to hide columns in the UI (column.hidden = true). Through testing we found out that the Kendo grid does not use the OData option of selecting specific columns for retrieval. The grid will request all columns for a table, which leads to overhead in the amount of data sent from the server to the client. We sometimes have tables with 50 columns, for which only 10 columns are shown.
"NoRecordsTemplate" - At present a small text is being shown at the bottom of the grid if there are no records which is not prominent. please add back the NoRecordsTemplate so it can be displayed inside the grid and can be customized "Clear all filters" - It is very tough to clear filters one by one please all clear all option
Provide support for momentum scrolling in Mobile Safari for virtualization of remote data grids. http://demos.telerik.com/kendo-ui/web/grid/virtualization-remote-data.html
Please add the option for aggregates to be calculated dynamically by the datasource without requiring the grid to carry out a full refresh. The current workaround from forums is: save: function (e) { // Refresh aggregates when editing e.model.one("change", function () { gridDataSource.fetch(); }); }, but as this triggers a refresh of the databound grid, it's current focussed cell is lost. Example methodology for expected behaviour of solution: 1) A Config Flag on a datasource to recalculate aggregates when a value has been changed (only valid when aggregates are calculated locally) - this stops from requiring the save event. 2) Add support to the grid so that if the aggregates are updated then the grid will only refresh the footer rather than the whole grid. Alternatively the grid could always keep the currently focussed cell between refreshes (assuming the row has not changed, track by model's id field?) Originally queried in forum: http://www.telerik.com/forums/grid-navigation-reset-to-first-cell-after-editing Thanks Euan
Currently its possible to set static attributes or CSS classes to kendo grid columns by specifying then in column definition: var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': 'some-css'} }]; Please add possibility to add custom attributes or CSS Classes dynamically (depending on data row): var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': function(dataRow){ return dataRow.data > 1 ? 'css-go-up': 'css-go-down' }} }]; Just similar how it works with template for column. Thanks, Val
Expose a clean way of destroying kendoDraggable. For instance at the moment I only want selected rows in a grid to be draggable, to when a row is selected I make it draggable, but then I need to clear all other draggables in the grid. Can't find a clean way to do this.
With the kendoGrid, if no columns are specified, all columns are automatically rendered. However, dates (at least, I have not tested other non-strings) are rendered in non-human-readable form (at least if they are from SQL Server). Since date rendering is tied to culture parameters, it would make sense to specify culture at the grid object level and have dates, currency, etc. render according to that. It would also be great to have filters setup for these different types applied to dynamic columns.
When we have a Grid with Resizable Columns we may need some of them to be non-resizable (ex. a column containing only status icons). There are work around and customizations: Column Resize - Min Width on Resize http://www.telerik.com/forums/column-resize---min-width-on-resize but I believe it will be more handy to define requested behavior as a property of the specific column (ex. in row template). Also, for non resizable columns the user should not even take a resize handle when going on a non resizable column boundary instead of try to resize and when the user leaves the resize handle the column is bouncing back (restoring) the minimum width defined. Regards, Thomas
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