Flex-Grid

The Telerik and Kendo UI Flex-Grid Utilities enable you to control the position, alignment, and size of the grid and the flex items.

Grid Auto Rows

The Telerik and Kendo UI Grid Auto Rows Utilities are CSS utility classes that enable you to control the size of an implicitly-created grid column.

Utility ClassCSS Property
.k-grid-auto-rows-autogrid-auto-rows: auto;
.k-grid-auto-rows-mingrid-auto-rows: min-content;
.k-grid-auto-rows-maxgrid-auto-rows: max-content;
.k-grid-auto-rows-frgrid-auto-rows: minmax( 0, 1fr );

Min

Use the k-grid-auto-rows-min utility to make the grid rows occupy the grid track according to the minimal content of the track.

Max

Use the k-grid-auto-rows-max utility to make the grid rows occupy the grid track according to the maximal content of the track.

Auto

Use the k-grid-auto-rows-auto utility to make the grid rows occupy the grid track according to the maximal content of the track when maximum and according to the minimal content of the track when minimum.

Fragment

Use the k-grid-auto-rows-fr utility to make the grid rows occupy the entire available space of the grid track when maximum and zero when minimum.