Currently the grid uses indexes to memorize which data row is expanded. When a new row is inserted (due to a new data item inserted in the underlying collection) before a currently expanded details row, then then expanded details view will shift to the row before (old index). This is not desirable in a scenario with a lot of adding/removing of items. It would be great if memorizing expanded details row could be bound to the data object.
I would like to know Do you have any plan to release context menu feature for kendo grid
Drag and Drop of grid's columns the same way we have on the jquery version (with a Input on the component saying if we want columns to be draggable)
Need to have Parent --> Child hierarchical records to be displayed in Grid.. It should support up to 'n' level , it means a parent can have any number of child records. can this be done using current Master Detail grids?. Parent 1 --- Child 1 -- Grand Child 1 -- Grand Child 1 -- Grand Child 2 Thanks in advance.
disable grouping on a column
i am using Telerik Angular Editing Grid for list editing of data.one of our main requirements is to copy a cell value and multiselect cells to paste data. this requires Angular grid to provide out of the box multi cell selection mode so that upon action respective cell values get updated
Currently, the fieldname is used as "clue" when dragging a column header from the grid. However, this name is rarely appropriate (for instance, it could the name of the correpsonding property in the DTO between back-end/front-end, or it could be a normalized English name while the user is browsing in French, etc.). We would prefer to have either a configurable text, or else use the text currently specified as "title" for the column.
How can we show the loader image on calling any web api or service call. As of now grid by default shows no record available.
Please think about an implementation of toolbar template for grid, similar to the jQuery version. Can we expect something like this in the near future?
The edit row need to be stayed in the top position while scrolling down the grid. Or else, the use would need to scroll up and down each time when adding a new record.
At current, if one wants to, (for example), highlight the entirety of a row, the natural choice would be to associate a background color with that row. However, currently, this is not possible. The closest we can come is to conditionally associate a given color with a div that happens to live in that cell, e.g.: <kendo-grid [data]="gridData" [height]="410"> <kendo-grid-column field="ProductID" title="ID" width="40"> </kendo-grid-column> <kendo-grid-column field="ProductName" title="Name" width="250"> </kendo-grid-column> <kendo-grid-column field="Category.CategoryName" title="Category"> </kendo-grid-column> <kendo-grid-column field="UnitPrice" title="Price" width="80"> <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex"> <div [class.myClass2]="dataItem.UnitPrice >= 20">{{dataItem.UnitPrice}}</div> </ng-template> </kendo-grid-column> <kendo-grid-column field="UnitsInStock" title="In stock" width="80"> </kendo-grid-column> <kendo-grid-column field="Discontinued" title="Discontinued" width="120"> <ng-template kendoGridCellTemplate let-dataItem> <input type="checkbox" [checked]="dataItem.Discontinued" disabled/> </ng-template> </kendo-grid-column> </kendo-grid> (where the class.myClass2 is defined as follows): styles: [` .k-grid td { position: relative; } .myClass2 { background-color: rgba(255, 0, 0, 0.5); color: white; padding: 8px 12px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; } `] But this doesn't reliably highlight a predictable amount of the cell, especially across browsers. Thanks for your consideration, Jeff
We need to be able to overrride "compare" method in kendo-data-query sort-array.operator. We are using your processData for client side sorting but need to change the "compare" method since we have decimal values already formatted in our objects. Since they are formatted they are technically strings and sorted as such. Currently we had to rip out your processData and call our custom version with a compare method like so: const compare = (a, b) => { if (isBlank(a)) { return a === b ? 0 : -1; } if (isBlank(b)) { return 1; } let a1 = a; if (isNumber(a)) { a1 = toNumber(a); } else if (isDate(a)) { a1 = ensureDate(a); } let b1 = b; if (isNumber(b)) { b1 = toNumber(b); } else if (isDate(b)) { b1 = ensureDate(b); } if (a1.localeCompare) { return a1.localeCompare(b1); } return a1 > b1 ? 1 : (a1 < b1 ? -1 : 0); };
When mouse hover over a specific row, a tooltip to show more information should be shown
The new Kendo for Angular Grid doesn't look to have any keyboard support. This is necessary to pass Section 508 a11y. I don't see any items on the Kendo github, nor any ideas in this portal.
It would be great if grid component has option to filter date and numeric columns by range.
Same Feature as in Demo of JQuery: http://demos.telerik.com/kendo-ui/grid/column-resizing Should emit an event with column sizes, so they could be stored in user settings.
Please add grid spinner configuration on grid, example <kendo-grid [loading]="true"></kendo-grid>
We need copy-pasting data from Excel to Kendo UI for Angular Grid, and it is available in old telerik component for silverlite application
The current behaviour for row selection is to toggle the selected state. This is not desirable in cases in which you require one item to always be selected (say, displaying a grid of financial planning scenarios in which one must be selected as the current scenario).