When using KendoReact Grid with multiple grouping levels, the Grid automatically adds horizontal indentation inside <td> elements to represent group hierarchy.

While this behavior is expected, there is no public API to control, customize, or disable this indentation.
As grouping depth increases, this extra space causes layout issues, unexpected horizontal overflow, and breaks strict or custom design systems.

Is there a reason why this spacing is not configurable?
Are there plans to expose an official option (e.g. groupIndent / groupPadding) or any supported API to manage grouped row indentation?

Example:

The Data Grid does not work properly with large datasets. In the example below with one million records, it is impossible to scroll to the bottom of the grid.

Firefox: Rows fail to render after scrolling past approximately 200,000 rows.

Chrome: Rows do render, but the skip parameter never exceeds 745,645 even when the scrollbar is at the bottom, preventing access to the remaining ~254,000 records.

This contradicts the documentation's claim that the grid "scales from hundreds to millions of records while maintaining a responsive user experience."

 

https://stackblitz.com/edit/react-aaxnyzxm?file=app%2Fapp.tsx