Custom Rows
Premium

The KendoReact Data Grid provides the option to override the rows internal components by allowing you to customize the row data.

ninja-iconThe Grid Custom Rows feature is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

Getting Started with the KendoReact Data Grid Custom Rows

The Grid has a rows property that provides the option to add a template to every single row in the Grid infrastructure separately by passing a custom row template to the data, groupFooter and groupHeader props of the rows.

The following sample demonstrates how to appearance of the rows based on the provided values in a custom rows.data template.

Change Theme
Theme
Loading ...