Use IE11:
1. Try to use the grids column menu for filtering
2. Click the column icon => popdown menu opens
3. Click the filter oder column icon inside the menu => nothing happens
I can't even open up your docs using IE11, it just loads forever:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/menu/
Add events like detailInit, detailExpand, detailCollapse in the Kendo Grid for jQuery. Add possibility to know whether the detail template is expanded or not.
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.
When using virtual scrolling and the data changes, then it might be desireable to programmatically scroll to top or to scroll to a row containing the data of interest.
I want to display my data in multiple type of views (grid, listview ...etc). So I need to place PagerComponent outside of GridComponent
It would be nice to have support for horizontal virtual scrolling for the Grid in cases of large number of columns. Just like the current feature for vertical scrolling, in which you can update the visible rows through a pageChange() event handler.
When using the Grid control inside an Angular component which is shown in a dialog (via MatDialog), the component is not properly destroyed after closing the dialog. The same problem doesn't occur when the component instead contains, say, a TreeView.
The problem occurs in Angular 8 and 9, in the Chrome browser. I've created an Angular 8 demo here: https://stackblitz.com/edit/angular-thr9j1 and an Angular 9 demo here: https://stackblitz.com/edit/angular-ksfrqy
Run the demo, press the "Open dialog" button a number of times, then take a heap snapshot in the Chrome dev console (be sure to first select the proper Javascript VM instance, containing "angular-thr9j1" or "angular-ksfrqy"). The component shown in the dialog is called "MemoryLeakDialogComponent", so use that as a filter. You'll see that for every time you opened the dialog there's now an instance of the component on the heap.
The MemoryLeakDialogComponent contains just an empty kendo-grid tag with no attributes. If you edit its dialog template to instead contain a kendo-treeview component, everything is properly destroyed and garbage collected, which leads me to suspect a memory leak in the Grid component.
If the value "-1" is passed in as one of the values in pageSizes input for the PagerPageSizesComponent, that option should be shown as "All" and should show all rows available for the grid.
Scrolling like this : http://legacy.datatables.net/release-datatables/examples/basic_init/scroll_y_infinite.html Say you have 100.000+ rows of data. With classic or virtual scrolling, you allow your user to go to the last page very easily. It ends up with huge skip parameter, and disastrous load times from the DB. You don't want users to be able to run queries which are at the same time useless and very time-consuming server-side. What you really want is for your user to be able to browse a bit of the data with fast queries, and if he wants something else, he should filter data. Infinite scrolling gives him just that feeling.
It would be great if grid component has option to filter date and numeric columns by range.
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
Currently it seems that the columns widths are just divided up between the available width and the number of columns. Under that circumstance I am unable to specify a smaller width for a column. I would like for the column to adjust to the title at a minimum. Also it would be nice if we could drag the columns widths bigger or smaller.
Please add grid spinner configuration on grid, example <kendo-grid [loading]="true"></kendo-grid>
Angular 4x. version version of Grid must support all grid features we had in JQuery based version with Bootstrap CSS support. http://demos.telerik.com/kendo-ui/grid/index
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.
Need the ability to reorder columns and access the current configuration to store and load on next time user access the site. Already exists on other products on the market and Kendo Grid for jQuery http://demos.telerik.com/kendo-ui/grid/column-reordering