Add a locale formatting option to the Grid pager elements, similar to the functionality available in the DropDownList within the Grid pager.
Workaround using the pager template - https://stackblitz.com/edit/angular-rvvry94x-8jfbjfbp
It would be nice to have a feature to remove some operator from the grid filter built-in functionality as a global setting so that they apply across all grid columns without needing to repeat this customization for each column.
I understand that Kendo supports this functionality as described, but my expectation is to configure it as a global setting rather than on an individual basis. This would significantly simplify configuration in cases where multiple grids or columns are involved.
Currently, the NumericFilterMenuComponent has a default filterDelay of 500ms. So, in some scenarios where a value is entered and the Enter key is pressed very quickly, the component may not be able to catch the new filtering condition and create a new filter descriptor with the entered value.
It would be great if the component is enhanced to take into account the last entered value in such scenarios despite the defined delay.
Provide a built-in feature to collapse or expand child columns of the group column similar to ag-grid.
Workaround using the header template: https://stackblitz.com/edit/angular-orwl7wza
It would be great to have column highlighting in the Grid, so when a user hovers over a cell, the entire column, including the header, is highlighted. Something similar to the example below, but built-in, would provide a better experience for both users and developers.
https://stackblitz.com/edit/angular-ink98nn6?file=src%2Fapp%2Fapp.component.ts
Provide a built-in column menu component (like in the Grid and TreeList) for the base column menu functionalities - filter, sort, sticky. This way, custom column menus can be easily created when you want to keep some of the default options.
Right now, I need to create all components, even those for filter and sort, from the ground up, but available as:
kendo-grid-columnmenu-filter
kendo-grid-columnmenu-sort
is the Grid.
Highlight the Filter option in the Column Menu when a filter is applied to the column, similar to how the Sorting option is highlighted. This helps users recognize when a filter is active and keeps the design consistent with the sorting highlight.
Workaround - https://stackblitz.com/edit/angular-2ugqhdk3
Current rendering:
Desired rendering:
Hello,
When I try to delete all grouping manually by setting an empty group array, datas are disappearing. The grid datas are empty but reappears if I set grouping again. Also I could see data if I scroll down but I can't see any if I haven't enough lines to do so.
In attachment you could find a demo based on the "Collapse All with Grouping" tutorial.
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/
In Version 74.0.3729.108 (official Build) (64-Bit) of chrome, a defined grid with no predefined style property does not scroll properly.
There is a live-demo on Stackblitz at https://stackblitz.com/edit/angular-b38r7s-jzsgty
This is a fork of the demo example from the kendo-angular-ui documentation available at
https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/#
In the example, the scrollable grid was defined with a height property. This does not feet to our requirements, as we need a grid component that should flex according to the outside or parent container.
This problem occured after the update of chrome browser from 73.0.XXX to the version 74.0.3729.108
The problem is fixed when we defined a grid with a height property like [style.height.%] = “100” but according to the documentation the grid should flex automatically without this property.
When using KendoUI for Angular 2+, the filter value is still enabled and accepts input when "Is null" or "Is empty" is selected.
Since those selections do not require a parameter, I'd prefer the filter value to be default disabled.
Hi,
I believe it would be a great addition and simplification, if there were getOptions/setOptions methods at GridComponent to imperatively access/restore grid state (visibility, column order, sort order, filter, ...). These are also available at Kendo UI for jQuery.
I know, all the settings may be set using *ngFor and *ngIf directives, but that approach requires a lot of attribute remapping (from component instance to template) which doesn't feel right, especially when using column templates and and a lot of grid features.
Thank you,
Robert
Setting grid.columns[i].hidden may work to some extend, but isn't emitting columnVisibilityChange and further activities on a column set visible are not working but resulting in error, e.g. calling reorderColumn() results in:
TypeError: Cannot set property 'orderIndex' of undefined
at GridComponent.push../node_modules/@progress/kendo-angular-grid/dist/fesm5/index.js.GridComponent.updateColumnIndices (https://localhost:4201/vendor.js:196833:43)
The grid internal method updateColumnIndices() throws an error, because it doesn't get the newly visible column from expandColumnsWithSpan() and expandedColumns.indexOf(source) is -1.
Thus it's required to add methods like showColumn/hideColumn or setColumnVisibilty.
Reproduction
- Use a grid with data coming from a service (or another source)
- Click the delete button (built in with the grid
It removes the element from the grid as soon as I click the button but I want to remove it only after confirming the deletion.
Hi Team
It would be very helpful if Grid allow to prevent focus on cell out-of-box, at the moment, we have to handle focusin event then set focus to other cell, however when using navigation keys or shortcut key, we need to handle differently depend on which cell should be focus next.
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.
Hi,
It seems there is an issue with the material theme and nested grids. When you have master-detail nested grids, the entire last nested grid gets applied with the same styling as the bottom rows of all the other nested grid.
The styling in my browser is showing up as
- border-bottom-width: 0;
Which causes the rows in the last grid to not appear.
I have attached an image where I have changed the styling to 5px and red so you can see that it is being incorrectly styled. You can see that even the other rows in in the last grid are getting styled along with the last row style.
I am running the latest version of Kendo.
Cheers,
Clint