Grid Auto Columns
The Telerik and Kendo UI Grid Auto Columns Utilities are CSS utility classes that enable you to control the size of an implicitly created grid column.
| Utility Class | CSS Property |
|---|---|
.k-grid-auto-cols-auto | grid-auto-columns: auto; |
.k-grid-auto-cols-min | grid-auto-columns: min-content; |
.k-grid-auto-cols-max | grid-auto-columns: max-content; |
.k-grid-auto-cols-fr | grid-auto-columns: minmax( 0, 1fr ); |
Min
Use the k-grid-auto-cols-min utility to make the grid columns occupy the grid track according to the minimal content of the grid track.
Max
Use the k-grid-auto-cols-max utility to make the grid columns occupy the grid track according to the maximal content of the grid track.
Auto
Use the k-grid-auto-cols-auto to make the grid columns occupy the grid track according to the maximal content of the grid track when maximum and according to the minimal content of the grid track when minimum.
Fr
Use the k-grid-auto-cols-fr utility to make the grid columns occupy the entire available space of the grid track when maximum and zero when minimum.
