Provide a built-in method like scrollTo() to scroll the tabs to a specific tab index.

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.

Please provide a how-to example that demonstrates how to move from one cell to the other using "Tab" in an editable Grid with virtual columns.

When there are more columns than are visible within the viewport the columns are virtualized which is expected.

However, when editing a row and we want to tab through the fields, we can only tab through the fields that are in the viewport and once we tab from the last viewport field our focus leaves the grid entirely and we cannot navigate to the remaining fields at all.

Thank you.

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

A method to be able to move/reorder the buttons and a template to show the custom content.

I have a groupable kendo grid. I'm utilizing the kendoGridGroupHeaderColumnTemplate directive.

I see that <kendo-grid-column> takes headerClass and headerStyle, but neither applies styles to the grouped header.

Please provide a groupedHeaderClass and groupHeaderStyle properties so that I can style the cell rendered by kendoGridGroupHeaderColumnTemplate.

Thanks,

-Adam

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.

When the column filter is set to date, it shows a built-in filter menu with the DatePicker and the operators dropdown. Can we have a similar feature where the filter Menu shows the DateTimePicker with the operators and logic dropdown?

 

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 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!

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

Allow customizing the options in each operators dropdown separately when utilizing one of the built-in filter menu components with extra=true.

Highlight the text in the Grid with the filtered text. For example:

It would be nice if you supported specific row selection based on user-defined conditions, without disabling the entire row. The goal is to eliminate the need for additional customization required to handle multi selection behavior on the user's end.

Implementing this functionality would greatly benefit applications that heavily rely on grid usage. Currently, each usage of the grid component requires a custom implementation to override default behavior.

Please provide row virtualization as addition to the current virtual scrolling functionality.

Current behavior
Virtual scrolling is currently tied to the pageSize. This is not always desirable as page size can be much higher than the visible area to optimise for network latency.

For example if the pageSize is 200 rows and the grid is only 10 rows high we'll be rendering 190 more rows than needed at initialization time.

Expected behavior
Virtual scrolling should include an option to render only the visible rows at any given time.

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.

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/

 

Overcoming the last listed limitation would be nice:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/locked/#toc-known-limitations

 

The Spreadsheet (Google Docs, etc.) addresses this situation by duplicating the cell content on both sides and clipping the right cell accordingly.

A similar approach can be used and providing a setting that disables word-wrapping and duplicates the content.

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.