Grid Row Start / End
The Telerik and Kendo UI Grid Row Start or End Utilities are CSS utility classes that enable you to control on the position of the grid item by setting the grid line where the item will start or end.
| Utility Class | CSS Property |
|---|---|
.k-row-start-1 | grid-row-start: 1; |
.k-row-start-2 | grid-row-start: 2; |
.k-row-start-3 | grid-row-start: 3; |
.k-row-start-4 | grid-row-start: 4; |
.k-row-start-5 | grid-row-start: 5; |
.k-row-start-6 | grid-row-start: 6; |
.k-row-start-7 | grid-row-start: 7; |
.k-row-start-8 | grid-row-start: 8; |
.k-row-start-9 | grid-row-start: 9; |
.k-row-start-10 | grid-row-start: 10; |
.k-row-start-11 | grid-row-start: 11; |
.k-row-start-12 | grid-row-start: 12; |
.k-row-start-13 | grid-row-start: 13; |
.k-row-span-1 | grid-row: span 1 / span 1; |
.k-row-span-2 | grid-row-span: span 2 / span 2; |
.k-row-span-3 | grid-row-span: span 3 / span 3; |
.k-row-span-4 | grid-row-start: span 4 / span 4; |
.k-row-span-5 | grid-row-start: span 5 / span 5; |
.k-row-span-6 | grid-row-start: span 6 / span 6; |
.k-row-span-7 | grid-row-start: span 7 / span 7; |
.k-row-span-8 | grid-row-start: span 8 / span 8; |
.k-row-span-9 | grid-row-start: span 9 / span 9; |
.k-row-span-10 | grid-row-start: span 10 / span 10; |
.k-row-span-11 | grid-row-start: span 11 / span 11; |
.k-row-span-12 | grid-row-start: span 12 / span 12; |
.k-row-span-full | grid-row: 1 / -1; |
.k-row-span-auto | grid-row: auto; |
.k-row-end-1 | grid-row-end: 1; |
.k-row-end-2 | grid-row-end: 2; |
.k-row-end-3 | grid-row-end: 3; |
.k-row-end-4 | grid-row-end: 4; |
.k-row-end-5 | grid-row-end: 5; |
.k-row-end-6 | grid-row-end: 6; |
.k-row-end-7 | grid-row-end: 7; |
.k-row-end-8 | grid-row-end: 8; |
.k-row-end-9 | grid-row-end: 9; |
.k-row-end-10 | grid-row-end: 10; |
.k-row-end-11 | grid-row-end: 11; |
.k-row-end-12 | grid-row-end: 12; |
.k-row-end-13 | grid-row-end: 13; |
.k-row-end-auto | grid-row-end: auto; |
Number
Use the k-row-start-{n} utility to start and k-row-end-{n} to end the grid item on the number grid line within the row.
Auto
Use the k-row-start-auto utility to apply the initial start position of the grid item.
