Right now kendo's system for alternating rows is to specify rowTemplate and altRowTemplate. For any non-trivial row template, this makes for a big ugly DRY violation as you copypaste the entire template just to give it a different css class and leave it otherwise identical. Any future changes to the template have to be made to both copies, and any potential template issues have to be tested on both even and odd numbered rows. If rowTemplate received whether it's an alternate row as a template parameter, it would be easy to do common things on alternating rows without ever needing to define altRowTemplate.
Based on this demo: http://demos.telerik.com/kendo-ui/grid/pdf-export Given a similar grid with more data, especially with whole phone numbers and text content which consist of a single large word with no spaces or line breaks. When using Edge, it will squeeze and render the text unreadable, instead of wrapping the large word. This issue doesn't occur on Chrome, it handles the wrapping just fine. This happens when there are many columns, which causes each column to be given less space than needed.
The Grid does not currently support MVVM bindings for events deeper than one level of nesting. Please fix this.
When using setOptions and loadOptions to allow users to save their personal configurations of a grid, it would be nice if I didn't have to manually add all of the templates to the options object before calling setOptions. Without that step, columns using view templates appear with the raw data. To add the templates to the options object, I'm forced to separate them out as functions instead of leaving them inline with the column definition.
We have a scenario where we have a grid that can contain many types of data in a single column. This includes numeric values and string values which could be valid hyperlinks. Our request is for automatic detection when a string matches a hyperlink syntax to automatically create it as a link in the Grid data cell itself rather than simply appearing as a string value. Thus the user would be able to just click on the hyperlink rather than copying and pasting the contents of the cell into their browser search bar.
Currently with large number of records in the grid when column is resized quickly resize may not actually occur.In this case, the browser's JavaScript engine is not able to fire the appropriate events fast enough, due to the large number of records, which impose a performance hit on the page. Suggested solution: it is possible to improve the column resizing performance if the columns are not resized real-time during dragging, but only after the user drops the resize handle.
I have a grid with Column Employee Name and i have Employee names as John and john. As you see the names are same but case sensitive is different. When i group the column Employee Name. The Kendo grid treats it as separate values.
Ability to set accesskey on toolbar actions without having to do a template.
The command button set should be configurable on a per row basis. This can be accomplished by accepting a lambda function for the column.command configuration attribute. Presently only a string or array is accepted
in a grid configured to groupable = false using a datasource that is grouped will allow selecting a grouping row, it does not show in the ui, but the select() method will return the grouping row. demo: http://dojo.telerik.com/aDevo code: <!-- shows problem with select() in grid where dataSource is grouped and groupable is disabled --> <!-- in the demo it is possible to select the grouping row which is not shown but select() returns the grouping row as selected, the problem is even worse if using multiselect with ctrl and clicking on the grouping row --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.rtl.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.silver.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.mobile.all.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script> </head> <body> <div id="grid"></div> <script> var dataSource = new kendo.data.DataSource({ data: [ { productName: "Tea", category: "Beverages" }, { productName: "Coffee", category: "Beverages" }, { productName: "Ham", category: "Food" }, { productName: "Bread", category: "Food" } ], group: { field: "productName" } }); $("#grid").kendoGrid({ selectable: "multiple, row", allowCopy: true, groupable: false, columns: [ { field: "productName" }, { field: "category" } ], change: function (e) { console.log("number of selected items: " + e.sender.select().length ); }, dataSource: dataSource, }); </script> </body> </html>
Please implement multi-row drag-and-drop in the Grid widget.
Highlight a row during mouse over has to be done through CSS. However it doesn't work properly when there is a locked column, as there are two separate tables. This requires some programming. I suggest you embed it in Kendo, so we could easily use this feature without having to implement it ourselves.
Pressing <Enter> should save grid row edited in-line by default, even if it has a sub-grid. Currently, if a grid row does not have a sub-grid, pressing <Enter> saves it when edited in-line, but if it has a sub-grid, that sub-grid gets expanded instead. I think, this is a non-standard behaviour (can be set by specifying some new option, but not by default). If my suggestion will be implemented, it will allow to speed up data entry, because if user types in some text in a text box, it is easier and faster for him to press <Enter> rather that switch to the use of mouse. Also, pressing <Esc> cancels editing in any case (with sub-grid or without), which is correct.
Feature Request: Provide Conditional Filtering as in Silverlight telerik Rad Grid along with checkboxes Iam in the process of migrating a project from silverlight containing telerik RAD Grid to Kendo UI containing the same Grid. Unfortunately, i see that the default filtering option provided in kendo Grid is different than in silverlight, where the default conditonal filtering is missing in the HTML based solution. I could see only the checkbox selections It would be a great to have feature with the telerik products being exhibiting the same functionality
Currently, when the Grid widget is empty, as it is initially, the progress indicator is hidden because the its element, with class .k-grid-content, has zero height. Just move the indicator to .k-grid-content.filter(":parent") or the equivalent so that everyone won't have to kludge it with a min-height class override for .k-grid-content.
Kendo UI Grid - In batch update mode, currently, during save operation three separate events are fired for created, updated and deleted records. This really creates a problem when all the changes needs to be transactions. There needs to be an option, in which only one event is fired for all the changes.
In addition to columns.minScreenWidth, the grid also needs columns.maxScreenWidth for the situation described here: "http://www.telerik.com/forums/need-columns-maxscreenwidth-too!"
I would like to see the ability to have more than one template for edit AND update on grid pop ups. Currently I can set the template file for the editable option but that is also used for the create when doing a pop up modal.