Customizing Grid
The following table lists the available variables for customization.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| $kendo-grid-padding-x | Number |
|
|
Description
Horizontal padding of the grid. | |||
| $kendo-grid-padding-y | Number |
|
|
Description
Vertical padding of the grid. | |||
| $kendo-grid-header-padding-x | Number |
|
|
Description
Horizontal padding of the grid header. | |||
| $kendo-grid-header-padding-y | Number |
|
|
Description
Vertical padding of the grid header. | |||
| $kendo-grid-grouping-header-padding-x | Number |
|
|
Description
Horizontal padding of the grid grouping header. | |||
| $kendo-grid-grouping-header-padding-y | Number |
|
|
Description
Vertical padding of the grid grouping header. | |||
| $kendo-grid-cell-padding-x | Number |
|
|
Description
Horizontal padding of the grid cell. | |||
| $kendo-grid-cell-padding-y | Number |
|
|
Description
Vertical padding of the grid cell. | |||
| $kendo-grid-filter-cell-padding-x | Number |
|
|
Description
Horizontal padding of the grid filter cell. | |||
| $kendo-grid-filter-cell-padding-y | Number |
|
|
Description
Vertical padding of the grid filter cell. | |||
| $kendo-grid-edit-cell-padding-x | Number |
|
|
Description
Horizontal padding of the grid edit cell. | |||
| $kendo-grid-edit-cell-padding-y | Number |
|
|
Description
Vertical padding of the grid edit cell. | |||
| $kendo-grid-bg | Color |
|
|
Description
Background color of the grid component | |||
| $kendo-grid-text | Color |
|
|
Description
Text color of the grid component | |||
| $kendo-grid-border | Color |
|
|
Description
Border color of the grid component | |||
| $kendo-grid-header-bg | Color |
|
|
Description
Background color of grid header | |||
| $kendo-grid-header-text | Color |
|
|
Description
Text color of grid header | |||
| $kendo-grid-header-border | Color |
|
|
Description
Border color of grid header | |||
| $kendo-grid-header-gradient | Null |
|
|
Description
Background gradient of grid header | |||
| $kendo-grid-footer-bg | Color |
|
|
Description
Background color of grid footer | |||
| $kendo-grid-footer-text | Color |
|
|
Description
Text color of grid footer | |||
| $kendo-grid-footer-border | Color |
|
|
Description
Border color of grid footer | |||
| $kendo-grid-alt-bg | Color |
|
|
Description
Background color of alternating rows in grid | |||
| $kendo-grid-alt-text | Null |
|
|
Description
Text color of alternating rows in grid | |||
| $kendo-grid-alt-border | Null |
|
|
Description
Border color of alternating rows in grid | |||
| $kendo-grid-hover-bg | Color |
|
|
Description
Background color of hovered rows in grid | |||
| $kendo-grid-hover-text | Null |
|
|
Description
Text color of hovered rows in grid | |||
| $kendo-grid-hover-border | Null |
|
|
Description
Border color of hovered rows in grid | |||
| $kendo-grid-selected-bg | Color |
|
|
Description
Background color of selected rows in grid | |||
| $kendo-grid-selected-text | Color |
|
|
Description
Text color of selected rows in grid | |||
| $kendo-grid-selected-border | Null |
|
|
Description
Border color of selected rows in grid | |||
