It would be helpful to have the ability to set maximum row height for the cells in a column so that resizing the column cannot put he grid in an undesirable state, with one row taking up the entire grid.

If a column has text in it with word wrapping enabled, when the column gets narrow, the wrapping makes the cell grow vertically as much as it needs to display everything.  If the column is made very narrow, soon that row will be the only row in the grid.  I don't think a user would ever want this to occur.

If the maximum height could be specified, then it would be possible to prevent the grid from ever getting in this rather broken state.  Ellipses, or some other indicator, should show when the content is truncated because the dimensions of the cell are too small to show the entire content.

When assigning data to a grid dynamically (ie: not specific columns to a grid) the Grid Columns should autosize to the width of the headers. Currently the only workaround is to use grid.AutoFitColumns() and wrap it in a timeout function. This causes erratic jumps in grid rendering and looks unprofessional.

 

Users should have the option to set gridColumnAutosize = true in the grid component. Then if users dynamically assign the grid data source without explicitly assigning columns then the grid columns will autosize to the width of the column header name.

 

Here is an example of the grid trying to squeeze in all data into the visible area. When it should autosize and create a scrollbar for anything that cannot fit on the page.

https://stackblitz.com/edit/angular-9jogrg?file=app%2Fcustomers.ts

I would love a feature where I could completely customize the row template (not the row detail template) in the same way that one can style a cell via the cell template.  This would allow for any kind of row customization over and above what is possible with styling via css.

Please add a Search as you type feature, similar to the one, available in the WPF DataGrid to the Kendo UI for Angular Grid too:

https://docs.telerik.com/devtools/wpf/controls/radgridview/features/search-as-you-type

Hi There,

We started using Kendo Grid extensively. We came across below requirement and confirmed with your support team that the feature is currently not available. We think this would really allow users customise their display. 

Requirement analysis:

We would be using a common wrapper class across the org. 

We will be displaying list of records from the DB, at times, there are columns which contains a JSON,  we need to use a custom template to display the JSON. I understand I can go with an if condition in the template html of grid, but, that would lead me to end up having N number of conditions since we do not have a limited such use cases, each such instance would need to be rendered with different template.

The same is the case with row editing as well, for instance, for columns which accepts a description, we want to show a custom popover which would allow the user to specify the data in the way the customer wants (rich text with lot of customisation)

 

At a high level if we nail down into steps of the behaviour

1) Columns definition will come as a JSON which would also contain a template reference for any of the columns. 

 To elaborate more, If firstName and lastName are the columns at the DB level but for grid view I want to show them as a single column.

2) The JSON we are constructing will have a type attribute which would indicate me on whether to use a user defined template or regular one.

3) Corresponding data will be a JSON with possible keys required for the template.

Hey Kendo Team,

 

you already have a solution in jQuery for my problem (https://docs.telerik.com/kendo-ui/knowledge-base/grid-group-remove-footer-header-one-record).

Unfortunately this solution did not work in Angular.

Desirable solution would be a flag in GroupHeaderTemplate which removes header if group size is one.

Another solution could be; allow a class field in GroupHeaderTemplate, so that we can set display to none if group size is one.

 

Best regards,

Matthias

Our application uses grouped grids but doesn’t use the built-in collapse feature. We instead hide the collapse arrow to disable the option. This leaves an empty space to the left of the parent grid label (where the collapse arrow would normally sit) and an empty column on the left side of all child grids. We’re looking for a more “official” and supported way of achieving the effect that removing ‘[group]=“groups”’ currently achieves. We’d like to minimize the amount of nonstandard code we’re introducing to our Kendo implementation as well as minimize unintended consequences of altering the grid code.

Kendo Grids for Angular has the ability to remove operators by using `[showOperators]="false"`, however this keeps the button visible.

 

We would like the option to also hide/remove the clear button.

 

In the custom filter menu, I want the ability to add the operators and logic dropdown as available in the built-in filter menu template. Instead of manually adding the dropdowns, a built-in option will be nice to have.

I would like to achieve row resize. Just like you have column resize, user should be able to point the mouse at the bottom of the row and drag to resize the row. 

Currently when I click the horizontal scrollbar button which is present at the left side or right side of the scroll bar then the columns are scrolled as a regular table.

It will be nice to move from one column to another column instead.

Proposal

CellCloseEvent<T> should provide dataItem: T

 

Why

Currently the CellCloseEvent dataItem is typed as any. This could be the default, but adding a generic type here would allow strong typing in the event handler.

Hi Kendo Angular team,

It will be a nice improvement if there is an option to set a specific type for the Grid data item and the templates. This will allow checking the types inside the templates when fullTemplateTypeCheck is on.

Currently the Grid Filter menu logic is "and" and there is no built-in option for changing it even when using the configurable filter menu components in the Filter menu template.

It would be nice having an option to configure the default logic as well as to limit the list of options to only "And"/"Or" or prevent the end user from changing the programmatically set filtering logic.

As a workaround for setting the initial logic, the developer can use the logicChange method, e.g.:

https://www.telerik.com/forums/default-filter-menu-logic#4935605

 

Currently, the Selection feature behaves strangely with the Keyboard Support enabled, see [demo](https://plnkr.co/edit/hTOg7Flx5Fnm63jJ6CgX?p=preview):

* Enter, Ctrl+Enter and Shift+Enter select the rows, but do not function if the cell has focusable components
* Space works only on the checkbox column
* Ctrl+Space, Shift+Space do not work at all

Ideally, the Grid should support the following shortcuts when the Selection and KB Navigation are enabled:

* Select the current row on Space, regardless of the cell content
* Support Ctrl and Shift modifiers for Space

* Shift + Up/Down Arrow for adding/removing the next/last row to the selection.

Similar to the TreeList KB navigation:

https://www.telerik.com/kendo-angular-ui/components/treelist/keyboard-navigation/

 

Currently the data of the Kendo UI for Angular Grid does not allow binding to a ReadonlyArray. Ideally, the data should accept immutable types.

Hi Team,

I would like to request a new event for the Kendo UI Grid which will determine when the Grid has been resized in height.  Right now, I have created a custom directive which uses the changeNotification property to handle when the scrollbar is shown.  But it would be nice if there was something built in.

Thanks!

Please expose a Grid "navigate" event that will allow developers to obtain information about the currently focused Grid row/cell and its corresponding item each time the end user focuses a Grid cell. Currently there are activeRow/Cell fields, but developers cannot hook to the actual changes in the focused Grid item when focus changes through keyboard or pointer.

Hi,

I wanted to add the operator "doesnotendwith" and "doesnotstartwith" (present in the FilterOperator enum) in the "OPERATORS" drop-down of the STRING kendo-grid-string-filter-menu column filter.

I don't think there is a component I can add to the markup as explained in the following documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-order-of-filter-operators

If possible I would like to avoid creating a new custom filter.
It's possible?

Thank you,
B.

As there are browser-specific limitations to the maximum reliable height/width an HTML element can have (https://stackoverflow.com/questions/34931732/height-limitations-for-browser-vertical-scroll-bar), the virtual scrolling functionality of the Grid is affected (different issues appear depending on the browser).

It would be a nice enhancement to provide a way the virtual scrolling to work regardless of the total number of items in a given use case.

A possible solution is to keep track of a virtual window from 1 to 1,000,000 if the number of source records is greater than 1 million. On a scroll event, the scroll position can then be adjusted to reflect the position within the actual data set. For example, if the scroll position is 300,000 (within the max of 1,000,000) and the source data contains 50,000,000 records, the actual record index to start displaying data is 300000 / 1000000 * 50000000 = 15000000.

Workaround:

The Grid can use virtual scrolling feature with pager.

While the Grid built-in paging and virtual scrolling functionalities are alternatives for rendering the Grid data in portions (pages) they cannot be used together as they both rely on the same pageChange event to process the data.

The developer can introduce some custom implementation based on a custom paging UI placed below the Grid or in the Grid Toolbar template, for example the dedicated stand-alone Pager component.

Here is an example featuring a Grid that has 500k items per page (total 1 million). Each page utilizes virtual scrolling with pageSize=100:

https://stackblitz.com/edit/grid-paged-virtual-scrolling