Uncontrollable spacing in grouped rows of KendoReact Grid

[Nurik]

In KendoReact Grid, when using grouping with multiple hierarchy levels, the Grid automatically adds extra horizontal space inside the <td> elements (indentation for group levels).

Technically this makes sense, because each group level needs visual offset.
However, the problem is that there is no built-in way to control or configure this spacing.

As a result:

• extra empty space appears inside <td> cells

• the Grid content becomes wider than expected

• this breaks layout and design, especially in custom UI / strict design systems

Why doesn’t KendoReact Grid expose any API or configuration to control this indentation / spacing for grouped rows?

Is there:

• an official way to customize or limit this space?

• a recommended approach to override or manage this behavior without breaking Grid internals?

Any guidance or best practices would be appreciated.

Example:

[Vessy]

Hi, Nurik,

I have already answered your other thread on this matter, for convenience I will paste my answer here as well:

The KendoReact Grid automatically adds indentation to grouped rows to visually represent hierarchy levels. This is handled internally by the Grid and is not exposed via a public API or configuration property.

At present, there is no official or built-in method to directly control, customize, or remove this group-level indentation. If you need such functionality, you can submit a feature request for it in our Feedback portal here:

• https://feedback.telerik.com/kendo-react-ui 

 

Kind regards,
Vessy
Progress Telerik