Columns
The Telerik and Kendo UI Columns Utilities are CSS utility classes that enable you to specify the number of columns that an element has.
| Utility Class | CSS Property |
|---|---|
.k-columns-auto | columns: auto; |
.k-columns-1 | columns: 1; |
.k-columns-2 | columns: 2; |
.k-columns-3 | columns: 3; |
.k-columns-4 | columns: 4; |
.k-columns-5 | columns: 5; |
.k-columns-6 | columns: 6; |
.k-columns-7 | columns: 7; |
.k-columns-8 | columns: 8; |
.k-columns-9 | columns: 9; |
.k-columns-10 | columns: 10; |
.k-columns-11 | columns: 11; |
.k-columns-12 | columns: 12; |
Count
Use the k-columns-{count} utility to specify the exact number of columns in an element.
Automatic
Use the k-columns-auto utility to let the element automatically determine the amount of columns. The column count will depend on other properties such as column-width.
