Grid Auto Flow
The Telerik and Kendo Grid UI Auto Flow Utilities are CSS utility classes that enable you to control the automatic placement of the grid items in a container.
| Utility Class | CSS Property |
|---|---|
.k-grid-flow-row | grid-auto-flow: row; |
.k-grid-flow-column | grid-auto-flow: column; |
.k-grid-flow-dense | grid-auto-flow: dense; |
.k-grid-flow-row-dense | grid-auto-flow: row dense; |
.k-grid-flow-col-dense | grid-auto-flow: col dense; |
.k-grid-flow-unset | grid-auto-flow: unset; |
Row
Use the k-grid-flow-row utility to place the items by filling each row in turn.
Column
Use the k-grid-flow-column utility to place the items by filling each column in turn.
Dense
Use the k-grid-flow-dense utility to place the items by filling all holes in the grid when possible.
