kendo-grid-default-size | "md" | "md" | Default: "md"Computed: "md" |
| Description: The default size of the Grid.
|
kendo-grid-border-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The width of the border around the Grid.
|
kendo-grid-border-radius | null | null | Default: nullComputed: null |
| Description: The border radius of the Grid.
|
kendo-grid-font-family | var(--kendo-font-family) | var(--kendo-font-family) | Default: var(--kendo-font-family)Computed: var(--kendo-font-family) |
| Description: The font family of the Grid.
|
kendo-grid-font-size | var(--kendo-font-size) | var(--kendo-font-size) | Default: var(--kendo-font-size)Computed: var(--kendo-font-size) |
| Description: The font size of the Grid.
|
kendo-grid-line-height | var(--kendo-line-height) | var(--kendo-line-height) | Default: var(--kendo-line-height)Computed: var(--kendo-line-height) |
| Description: The height of the Grid.
|
kendo-grid-padding-x | $kendo-table-md-cell-padding-x | var(--kendo-spacing-3) | Default: $kendo-table-md-cell-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-padding-y | $kendo-table-md-cell-padding-y | var(--kendo-spacing-2) | Default: $kendo-table-md-cell-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid.
|
kendo-grid-header-padding-x | $kendo-grid-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-header-padding-y | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-grouping-header-padding-x | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid grouping header.
|
kendo-grid-grouping-header-padding-y | $kendo-grid-grouping-header-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-grouping-header-padding-xComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid grouping header.
|
kendo-grid-cell-padding-x | $kendo-grid-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-cell-padding-y | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-filter-cell-padding-x | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid filter cell.
|
kendo-grid-filter-cell-padding-y | $kendo-grid-filter-cell-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-filter-cell-padding-xComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid filter cell.
|
kendo-grid-edit-cell-padding-x | $kendo-grid-cell-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-cell-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid edit cell.
|
kendo-grid-edit-cell-padding-y | calc( #{k-spacing(1.5)} / 2 ) | calc(var(--kendo-spacing-1\.5) / 2) | Default: calc( #{k-spacing(1.5)} / 2 )Computed: calc(var(--kendo-spacing-1\.5) / 2) |
| Description: The vertical padding of the Grid filter cell.
|
kendo-grid-group-drop-hint-size | 6px | 6px | Default: 6pxComputed: 6px |
| Description: The drop hint size of the Grid group.
|
kendo-grid-group-drop-hint-line-size | math.div( $kendo-grid-group-drop-hint-size, 3 ) | 2px | Default: math.div( $kendo-grid-group-drop-hint-size, 3 )Computed: 2px |
| Description: The drop hint line size of the Grid group.
|
kendo-grid-group-drop-hint-height | calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) | calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px) | Default: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size})Computed: calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px) |
| Description: The height of the Grid group.
|
kendo-grid-group-drop-hint-top | 3px | 3px | Default: 3pxComputed: 3px |
| Description: The drop hint top of the Grid group.
|
kendo-grid-sm-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-sm-padding-y | k-spacing(1) | var(--kendo-spacing-1) | Default: k-spacing(1)Computed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid.
|
kendo-grid-sm-header-padding-x | $kendo-grid-sm-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-sm-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-sm-header-padding-y | $kendo-grid-sm-padding-y | var(--kendo-spacing-1) | Default: $kendo-grid-sm-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-sm-grouping-header-padding-x | $kendo-grid-sm-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-sm-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-sm-grouping-header-padding-y | $kendo-grid-sm-padding-y | var(--kendo-spacing-1) | Default: $kendo-grid-sm-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-sm-cell-padding-x | $kendo-grid-sm-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-sm-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-sm-cell-padding-y | $kendo-grid-sm-padding-y | var(--kendo-spacing-1) | Default: $kendo-grid-sm-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-sm-filter-cell-padding-x | k-spacing(1.5) | var(--kendo-spacing-1\.5) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-sm-filter-cell-padding-y | $kendo-grid-sm-filter-cell-padding-x | var(--kendo-spacing-1\.5) | Default: $kendo-grid-sm-filter-cell-padding-xComputed: var(--kendo-spacing-1\.5) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-sm-edit-cell-padding-x | $kendo-grid-sm-cell-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-sm-cell-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-sm-edit-cell-padding-y | k-spacing(0.5) | var(--kendo-spacing-0\.5) | Default: k-spacing(0.5)Computed: var(--kendo-spacing-0\.5) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-sm-group-dropclue-height | calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) | calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-0\.5) * 2 + 1px * 2) + 6px) | Default: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size})Computed: calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-0\.5) * 2 + 1px * 2) + 6px) |
| Description: The height of the Grid group.
|
kendo-grid-sm-selection-aggregates-padding-x | $kendo-grid-sm-padding-y | var(--kendo-spacing-1) | Default: $kendo-grid-sm-padding-yComputed: var(--kendo-spacing-1) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-sm-selection-aggregates-padding-y | $kendo-grid-sm-padding-y | var(--kendo-spacing-1) | Default: $kendo-grid-sm-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid.
|
kendo-grid-md-padding-x | $kendo-grid-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-md-padding-y | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid.
|
kendo-grid-md-header-padding-x | $kendo-grid-header-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-header-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-md-header-padding-y | $kendo-grid-header-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-header-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-md-grouping-header-padding-x | $kendo-grid-grouping-header-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-grouping-header-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-md-grouping-header-padding-y | $kendo-grid-grouping-header-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-grouping-header-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-md-cell-padding-x | $kendo-grid-cell-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-cell-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-md-cell-padding-y | $kendo-grid-cell-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-cell-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-md-filter-cell-padding-x | $kendo-grid-filter-cell-padding-x | var(--kendo-spacing-2) | Default: $kendo-grid-filter-cell-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-md-filter-cell-padding-y | $kendo-grid-filter-cell-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-filter-cell-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-md-edit-cell-padding-x | $kendo-grid-edit-cell-padding-x | var(--kendo-spacing-3) | Default: $kendo-grid-edit-cell-padding-xComputed: var(--kendo-spacing-3) |
| Description: The horizontal padding of the Grid cell.
|
kendo-grid-md-edit-cell-padding-y | $kendo-grid-edit-cell-padding-y | calc(var(--kendo-spacing-1\.5) / 2) | Default: $kendo-grid-edit-cell-padding-yComputed: calc(var(--kendo-spacing-1\.5) / 2) |
| Description: The vertical padding of the Grid cell.
|
kendo-grid-md-group-dropclue-height | $kendo-grid-group-drop-hint-height | calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px) | Default: $kendo-grid-group-drop-hint-heightComputed: calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px) |
| Description: The height of the Grid group.
|
kendo-grid-md-selection-aggregates-padding-x | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-md-selection-aggregates-padding-y | $kendo-grid-padding-y | var(--kendo-spacing-2) | Default: $kendo-grid-padding-yComputed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid.
|
kendo-grid-header-font-size | null | null | Default: nullComputed: null |
| Description: The font size of the Grid header.
|
kendo-grid-header-first-border | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The border color of the Grid header.
|
kendo-grid-header-menu-icon-spacing | $kendo-icon-spacing | var(--kendo-spacing-1) | Default: $kendo-icon-spacingComputed: var(--kendo-spacing-1) |
| Description: The spacing of the Grid header.
|
kendo-grid-toolbar-border-width | $kendo-grid-border-width | 1px | Default: $kendo-grid-border-widthComputed: 1px |
| Description: The width of the border around the Grid toolbar.
|
kendo-grid-cell-horizontal-border-width | $kendo-table-cell-horizontal-border-width | 0px | Default: $kendo-table-cell-horizontal-border-widthComputed: 0px |
| Description: The width of the border around the Grid cell.
|
kendo-grid-cell-vertical-border-width | $kendo-table-cell-vertical-border-width | 1px | Default: $kendo-table-cell-vertical-border-widthComputed: 1px |
| Description: The width of the border around the Grid cell.
|
kendo-grid-bg | $kendo-table-bg | var(--kendo-color-surface-alt) | Default: $kendo-table-bgComputed: var(--kendo-color-surface-alt) |
| Description: The background color of the Grid.
|
kendo-grid-text | $kendo-table-text | var(--kendo-color-on-app-surface) | Default: $kendo-table-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Grid.
|
kendo-grid-border | $kendo-table-border | var(--kendo-color-border) | Default: $kendo-table-borderComputed: var(--kendo-color-border) |
| Description: The border color of the Grid.
|
kendo-grid-header-bg | $kendo-table-header-bg | var(--kendo-color-surface) | Default: $kendo-table-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of Grid header.
|
kendo-grid-header-text | $kendo-table-header-text | var(--kendo-color-on-app-surface) | Default: $kendo-table-header-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of Grid header.
|
kendo-grid-header-border | $kendo-table-header-border | var(--kendo-color-border) | Default: $kendo-table-header-borderComputed: var(--kendo-color-border) |
| Description: The border color of Grid header.
|
kendo-grid-footer-bg | $kendo-grid-header-bg | var(--kendo-color-surface) | Default: $kendo-grid-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of Grid footer.
|
kendo-grid-footer-text | $kendo-grid-header-text | var(--kendo-color-on-app-surface) | Default: $kendo-grid-header-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of Grid footer.
|
kendo-grid-footer-border | $kendo-grid-header-border | var(--kendo-color-border) | Default: $kendo-grid-header-borderComputed: var(--kendo-color-border) |
| Description: The border color of Grid footer.
|
kendo-grid-alt-bg | $kendo-table-alt-row-bg | color-mix(in srgb, var(--kendo-color-on-app-surface) 5%, transparent) | Default: $kendo-table-alt-row-bgComputed: color-mix(in srgb, var(--kendo-color-on-app-surface) 5%, transparent) |
| Description: The background color of the Grid alternating rows.
|
kendo-grid-hover-bg | $kendo-table-hover-bg | color-mix(in srgb, var(--kendo-color-on-app-surface) 11%, transparent) | Default: $kendo-table-hover-bgComputed: color-mix(in srgb, var(--kendo-color-on-app-surface) 11%, transparent) |
| Description: The background color of hovered Grid rows.
|
kendo-grid-hover-text | $kendo-table-hover-text | null | Default: $kendo-table-hover-textComputed: null |
| Description: The text color of hovered Grid rows.
|
kendo-grid-selected-bg | $kendo-table-selected-bg | color-mix(in srgb, var(--kendo-color-primary) 25%, transparent) | Default: $kendo-table-selected-bgComputed: color-mix(in srgb, var(--kendo-color-primary) 25%, transparent) |
| Description: The background color of selected Grid rows.
|
kendo-grid-selected-text | $kendo-table-selected-text | null | Default: $kendo-table-selected-textComputed: null |
| Description: The text color of selected Grid rows.
|
kendo-grid-highlighted-bg | $kendo-table-highlighted-bg | color-mix(in srgb, var(--kendo-color-warning) 25%, transparent) | Default: $kendo-table-highlighted-bgComputed: color-mix(in srgb, var(--kendo-color-warning) 25%, transparent) |
| Description: The background color of highlighted Grid rows.
|
kendo-grid-highlighted-font-weight | $kendo-table-highlighted-font-weight | var(--kendo-font-weight-bold) | Default: $kendo-table-highlighted-font-weightComputed: var(--kendo-font-weight-bold) |
| Description: The font weight of highlighted Grid rows.
|
kendo-grid-selected-highlighted-bg | $kendo-table-selected-highlighted-bg | color-mix(in srgb, color-mix(in srgb, var(--kendo-color-primary), var(--kendo-color-warning)) 42%, transparent) | Default: $kendo-table-selected-highlighted-bgComputed: color-mix(in srgb, color-mix(in srgb, var(--kendo-color-primary), var(--kendo-color-warning)) 42%, transparent) |
| Description: The background color of selected highlighted Grid rows.
|
kendo-grid-selection-aggregates-bg | $kendo-grid-header-bg | var(--kendo-color-surface) | Default: $kendo-grid-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of the Grid selection aggregates container.
|
kendo-grid-selection-aggregates-text | $kendo-grid-text | var(--kendo-color-on-app-surface) | Default: $kendo-grid-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Grid selection aggregates container.
|
kendo-grid-selection-aggregates-border | $kendo-grid-border | var(--kendo-color-border) | Default: $kendo-grid-borderComputed: var(--kendo-color-border) |
| Description: The border color of the Grid selection aggregates container.
|
kendo-grid-selection-aggregates-border-width | $kendo-grid-border-width | 1px | Default: $kendo-grid-border-widthComputed: 1px |
| Description: The border width of the Grid selection aggregates container.
|
kendo-grid-selection-aggregates-spacing | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The spacing between the selection aggregates items.
|
kendo-grid-selection-aggregates-line-height | $kendo-grid-line-height | var(--kendo-line-height) | Default: $kendo-grid-line-heightComputed: var(--kendo-line-height) |
| Description: The line height of the Grid selection aggregates container.
|
kendo-grid-selection-aggregates-font-weight | var(--kendo-font-weight-bold) | var(--kendo-font-weight-bold) | Default: var(--kendo-font-weight-bold)Computed: var(--kendo-font-weight-bold) |
| Description: The font weight of the Grid selection aggregates container.
|
kendo-grid-grouping-row-bg | k-color(surface) | var(--kendo-color-surface) | Default: k-color(surface)Computed: var(--kendo-color-surface) |
| Description: The background color of the Grid row.
|
kendo-grid-grouping-header-bg | $kendo-grid-header-bg | var(--kendo-color-surface) | Default: $kendo-grid-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of the Grid grouping header.
|
kendo-grid-grouping-header-text | $kendo-grid-header-text | var(--kendo-color-on-app-surface) | Default: $kendo-grid-header-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Grid grouping header.
|
kendo-grid-grouping-header-border | $kendo-grid-header-border | var(--kendo-color-border) | Default: $kendo-grid-header-borderComputed: var(--kendo-color-border) |
| Description: The border color of the Grid grouping header.
|
kendo-grid-grouping-row-text | $kendo-grid-text | var(--kendo-color-on-app-surface) | Default: $kendo-grid-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Grid row.
|
kendo-grid-sorted-icon-spacing | calc( #{k-spacing(2)} - 1px ) | calc(var(--kendo-spacing-2) - 1px) | Default: calc( #{k-spacing(2)} - 1px )Computed: calc(var(--kendo-spacing-2) - 1px) |
| Description: The sorted icon spacing of the Grid.
|
kendo-grid-sorted-bg | color-mix(in srgb, k-color(on-app-surface) 3%, transparent) | color-mix(in srgb, var(--kendo-color-on-app-surface) 3%, transparent) | Default: color-mix(in srgb, k-color(on-app-surface) 3%, transparent)Computed: color-mix(in srgb, var(--kendo-color-on-app-surface) 3%, transparent) |
| Description: The background color of the Grid.
|
kendo-grid-sorting-indicator-text | k-color(primary) | var(--kendo-color-primary) | Default: k-color(primary)Computed: var(--kendo-color-primary) |
| Description: The text color of the Grid.
|
kendo-grid-sorting-index-font-size | var(--kendo-font-size-sm) | var(--kendo-font-size-sm) | Default: var(--kendo-font-size-sm)Computed: var(--kendo-font-size-sm) |
| Description: The font size of the Grid.
|
kendo-grid-sorting-index-spacing-y | calc( #{$kendo-icon-spacing} / 2 ) | calc(var(--kendo-spacing-1) / 2) | Default: calc( #{$kendo-icon-spacing} / 2 )Computed: calc(var(--kendo-spacing-1) / 2) |
| Description: The spacing of the Grid.
|
kendo-grid-sorting-index-spacing-x | calc( #{$kendo-grid-sorting-index-spacing-y} * -1) | calc(calc(var(--kendo-spacing-1) / 2) * -1) | Default: calc( #{$kendo-grid-sorting-index-spacing-y} * -1)Computed: calc(calc(var(--kendo-spacing-1) / 2) * -1) |
| Description: The vertical spacing of the Grid.
|
kendo-grid-focus-shadow | $kendo-table-focus-shadow | (inset 0 0 0 2px var(--kendo-color-border-alt)) | Default: $kendo-table-focus-shadowComputed: (inset 0 0 0 2px var(--kendo-color-border-alt)) |
| Description: The shadow of the Grid.
|
kendo-grid-command-cell-button-spacing | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The spacing of the Grid button.
|
kendo-grid-sticky-bg | k-color(surface-alt) | var(--kendo-color-surface-alt) | Default: k-color(surface-alt)Computed: var(--kendo-color-surface-alt) |
| Description: The background color of the sticky content in the Grid.
|
kendo-grid-sticky-hover-bg | k-color(base-hover) | var(--kendo-color-base-hover) | Default: k-color(base-hover)Computed: var(--kendo-color-base-hover) |
| Description: The background color of the hovered sticky content in the Grid.
|
kendo-grid-sticky-alt-bg | k-color(base) | var(--kendo-color-base) | Default: k-color(base)Computed: var(--kendo-color-base) |
| Description: The alternate background color of the sticky content in the Grid.
|
kendo-grid-sticky-border | color-mix(in srgb, k-color(on-app-surface) 30%, transparent) | color-mix(in srgb, var(--kendo-color-on-app-surface) 30%, transparent) | Default: color-mix(in srgb, k-color(on-app-surface) 30%, transparent)Computed: color-mix(in srgb, var(--kendo-color-on-app-surface) 30%, transparent) |
| Description: The border color of the sticky content in the Grid.
|
kendo-grid-sticky-header-bg | $kendo-grid-header-bg | var(--kendo-color-surface) | Default: $kendo-grid-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of the sticky header in the Grid.
|
kendo-grid-sticky-header-text | $kendo-grid-header-text | var(--kendo-color-on-app-surface) | Default: $kendo-grid-header-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the sticky header in the Grid.
|
kendo-grid-sticky-header-border | $kendo-grid-sticky-border | color-mix(in srgb, var(--kendo-color-on-app-surface) 30%, transparent) | Default: $kendo-grid-sticky-borderComputed: color-mix(in srgb, var(--kendo-color-on-app-surface) 30%, transparent) |
| Description: The border color of the sticky header in the Grid.
|
kendo-grid-sticky-footer-bg | $kendo-grid-header-bg | var(--kendo-color-surface) | Default: $kendo-grid-header-bgComputed: var(--kendo-color-surface) |
| Description: The background color of the sticky footer in the Grid.
|
kendo-grid-sticky-container-shadow | 0 2px 4px 0 rgba(0, 0, 0, 0.08) | (0 2px 4px 0 rgba(0, 0, 0, 0.08)) | Default: 0 2px 4px 0 rgba(0, 0, 0, 0.08)Computed: (0 2px 4px 0 rgba(0, 0, 0, 0.08)) |
| Description: The box shadow of the sticky container in the Grid.
|
kendo-grid-sticky-container-bottom-shadow | 0 -2px 4px 0 rgba(0, 0, 0, 0.08) | (0 -2px 4px 0 rgba(0, 0, 0, 0.08)) | Default: 0 -2px 4px 0 rgba(0, 0, 0, 0.08)Computed: (0 -2px 4px 0 rgba(0, 0, 0, 0.08)) |
| Description: The box shadow of the sticky container positioned at the bottom in the Grid.
|
kendo-grid-pinned-container-shadow | 0 4px 8px 0 rgba(0, 0, 0, 0.08) | (0 4px 8px 0 rgba(0, 0, 0, 0.08)) | Default: 0 4px 8px 0 rgba(0, 0, 0, 0.08)Computed: (0 4px 8px 0 rgba(0, 0, 0, 0.08)) |
| Description: The box shadow of the pinned container in the Grid.
|
kendo-grid-pinned-container-bottom-shadow | 0 -4px 8px 0 rgba(0, 0, 0, 0.08) | (0 -4px 8px 0 rgba(0, 0, 0, 0.08)) | Default: 0 -4px 8px 0 rgba(0, 0, 0, 0.08)Computed: (0 -4px 8px 0 rgba(0, 0, 0, 0.08)) |
| Description: The box shadow of the pinned container positioned at the bottom in the Grid.
|
kendo-grid-column-menu-width | 230px | 230px | Default: 230pxComputed: 230px |
| Description: The width of the Grid column menu.
|
kendo-grid-column-menu-max-width | 320px | 320px | Default: 320pxComputed: 320px |
| Description: The maximum width of the Grid column menu.
|
kendo-grid-column-menu-popup-padding-x | null | null | Default: nullComputed: null |
| Description: The horizontal padding of the Grid popup.
|
kendo-grid-column-menu-popup-padding-y | null | null | Default: nullComputed: null |
| Description: The vertical padding of the Grid popup.
|
kendo-grid-column-menu-item-padding-x | $kendo-menu-popup-md-item-padding-x | var(--kendo-spacing-2) | Default: $kendo-menu-popup-md-item-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid item.
|
kendo-grid-column-menu-item-padding-y | $kendo-menu-popup-md-item-padding-y | var(--kendo-spacing-1) | Default: $kendo-menu-popup-md-item-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid item.
|
kendo-grid-column-menu-list-item-padding-x | $kendo-list-md-item-padding-x | var(--kendo-spacing-2) | Default: $kendo-list-md-item-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid item.
|
kendo-grid-column-menu-list-item-padding-y | $kendo-list-md-item-padding-y | var(--kendo-spacing-1) | Default: $kendo-list-md-item-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid item.
|
kendo-grid-column-menu-items-wrap-padding-x | k-spacing(0) | var(--kendo-spacing-0) | Default: k-spacing(0)Computed: var(--kendo-spacing-0) |
| Description: The horizontal padding of the Grid.
|
kendo-grid-column-menu-items-wrap-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5) |
| Description: The vertical padding of the Grid.
|
kendo-grid-column-menu-group-header-padding-x | $kendo-menu-popup-md-item-padding-x | var(--kendo-spacing-2) | Default: $kendo-menu-popup-md-item-padding-xComputed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid header.
|
kendo-grid-column-menu-group-header-padding-y | $kendo-menu-popup-md-item-padding-y | var(--kendo-spacing-1) | Default: $kendo-menu-popup-md-item-padding-yComputed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Grid header.
|
kendo-grid-column-menu-group-header-font-size | var(--kendo-font-size-sm) | var(--kendo-font-size-sm) | Default: var(--kendo-font-size-sm)Computed: var(--kendo-font-size-sm) |
| Description: The font size of the Grid header.
|
kendo-grid-column-menu-group-header-line-height | var(--kendo-line-height) | var(--kendo-line-height) | Default: var(--kendo-line-height)Computed: var(--kendo-line-height) |
| Description: The height of the Grid header.
|
kendo-grid-column-menu-group-header-text-transform | uppercase | uppercase | Default: uppercaseComputed: uppercase |
| Description: The text color of the Grid header.
|
kendo-grid-column-menu-group-header-border-bottom-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The width of the Grid header.
|
kendo-grid-column-menu-group-header-bg | null | null | Default: nullComputed: null |
| Description: The background color of the Grid header.
|
kendo-grid-column-menu-group-header-text | $kendo-popup-text | var(--kendo-color-on-app-surface) | Default: $kendo-popup-textComputed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Grid header.
|
kendo-grid-column-menu-group-header-border | $kendo-popup-border | var(--kendo-color-border) | Default: $kendo-popup-borderComputed: var(--kendo-color-border) |
| Description: The border color of the Grid header.
|
kendo-grid-column-menu-tabbed-tabstrip-content-padding-x | k-spacing(0) | var(--kendo-spacing-0) | Default: k-spacing(0)Computed: var(--kendo-spacing-0) |
| Description: The horizontal padding of the Grid content.
|
kendo-grid-column-menu-tabbed-tabstrip-content-padding-y | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The vertical padding of the Grid content.
|
kendo-grid-column-menu-tabbed-bg | k-color(surface) | var(--kendo-color-surface) | Default: k-color(surface)Computed: var(--kendo-color-surface) |
| Description: The background color of the Grid.
|
kendo-grid-drag-cell-width | ($kendo-icon-size * 2.25) | 36px | Default: ($kendo-icon-size * 2.25)Computed: 36px |
| Description: The width of the Grid cell.
|
kendo-grid-hierarchy-col-width | ($kendo-icon-size * 2) | 32px | Default: ($kendo-icon-size * 2)Computed: 32px |
| Description: The width of the Grid.
|
kendo-grid-grouping-row-border-top | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The grouping border top of the Grid row.
|
kendo-grid-group-footer-border-y | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The vertical border of the Grid footer.
|
kendo-grid-row-resizer-hover-bg | color-mix(in srgb, k-color(on-base) 20%, transparent) | color-mix(in srgb, var(--kendo-color-on-base) 20%, transparent) | Default: color-mix(in srgb, k-color(on-base) 20%, transparent)Computed: color-mix(in srgb, var(--kendo-color-on-base) 20%, transparent) |
| Description: The background color of the Grid row resize indicator.
|
kendo-grid-row-resizer-active-bg | k-color(primary) | var(--kendo-color-primary) | Default: k-color(primary)Computed: var(--kendo-color-primary) |
| Description: The background color of the active Grid row resize indicator.
|
kendo-grid-row-resizer-height | k-spacing(0.5) | var(--kendo-spacing-0\.5) | Default: k-spacing(0.5)Computed: var(--kendo-spacing-0\.5) |
| Description: The height of the Grid row resize indicator.
|
kendo-grid-stack-cell-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Grid stack layout cells.
|
kendo-grid-stack-cell-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5) |
| Description: The vertical padding of the Grid stack layout cells.
|
kendo-grid-stack-column-gap | k-spacing(1) | var(--kendo-spacing-1) | Default: k-spacing(1)Computed: var(--kendo-spacing-1) |
| Description: The column gap of the Grid stack layout.
|
kendo-grid-stack-editable-column-gap | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The column gap of the editable Grid stack layout.
|
kendo-grid-stack-hierarchy-col-width | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The width of the hierarchy column in the Grid stack layout.
|
kendo-grid-stack-header-font-size | var(--kendo-font-size-sm) | var(--kendo-font-size-sm) | Default: var(--kendo-font-size-sm)Computed: var(--kendo-font-size-sm) |
| Description: The font size of the Grid stack layout column header.
|
kendo-grid-stack-header-font-weight | var(--kendo-font-weight-bold) | var(--kendo-font-weight-bold) | Default: var(--kendo-font-weight-bold)Computed: var(--kendo-font-weight-bold) |
| Description: The font weight of the Grid stack layout column header.
|
kendo-grid-stack-expandable-shadow-height | k-spacing(2.5) | var(--kendo-spacing-2\.5) | Default: k-spacing(2.5)Computed: var(--kendo-spacing-2\.5) |
| Description: The height of the Grid stack layout expandable row shadow.
|
kendo-grid-stack-header-color | k-color(subtle) | var(--kendo-color-subtle) | Default: k-color(subtle)Computed: var(--kendo-color-subtle) |
| Description: The color of the Grid stack layout column header.
|
kendo-grid-stack-focus-outline | color-mix(in srgb, k-color(on-app-surface) 12%, transparent) | color-mix(in srgb, var(--kendo-color-on-app-surface) 12%, transparent) | Default: color-mix(in srgb, k-color(on-app-surface) 12%, transparent)Computed: color-mix(in srgb, var(--kendo-color-on-app-surface) 12%, transparent) |
| Description: The outline color of the Grid stack layout focused cell.
|
kendo-grid-stack-expandable-shadow | k-elevation(2) | var(--kendo-elevation-2) | Default: k-elevation(2)Computed: var(--kendo-elevation-2) |
| Description: The Grid stack layout expandable row shadow.
|
kendo-grid-pinned-source-font-weight | var(--kendo-font-weight-bold) | var(--kendo-font-weight-bold) | Default: var(--kendo-font-weight-bold)Computed: var(--kendo-font-weight-bold) |
| Description: The font weight of the pinned source row in the Grid.
|
kendo-grid-sizes | | sm: | "header-padding-x":"var(--kendo-spacing-2)","header-padding-y":"var(--kendo-spacing-1)","grouping-header-padding-x":"var(--kendo-spacing-2)","grouping-header-padding-y":"var(--kendo-spacing-1)","cell-padding-x":"var(--kendo-spacing-2)","cell-padding-y":"var(--kendo-spacing-1)","filter-cell-padding-x":"var(--kendo-spacing-1\\.5)","filter-cell-padding-y":"var(--kendo-spacing-1\\.5)","edit-cell-padding-x":"var(--kendo-spacing-2)","edit-cell-padding-y":"var(--kendo-spacing-0\\.5)","button-padding-y":"var(--kendo-spacing-0\\.5)","button-calc-size":"calc(var(--kendo-line-height) * 1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)","group-dropclue-height":"calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2) + 6px)","selection-aggregates-padding-x":"var(--kendo-spacing-1)","selection-aggregates-padding-y":"var(--kendo-spacing-1)" | | md: | "header-padding-x":"var(--kendo-spacing-3)","header-padding-y":"var(--kendo-spacing-2)","grouping-header-padding-x":"var(--kendo-spacing-2)","grouping-header-padding-y":"var(--kendo-spacing-2)","cell-padding-x":"var(--kendo-spacing-3)","cell-padding-y":"var(--kendo-spacing-2)","filter-cell-padding-x":"var(--kendo-spacing-2)","filter-cell-padding-y":"var(--kendo-spacing-2)","edit-cell-padding-x":"var(--kendo-spacing-3)","edit-cell-padding-y":"calc(var(--kendo-spacing-1\\.5) / 2)","button-padding-y":"var(--kendo-spacing-1)","button-calc-size":"calc(var(--kendo-line-height) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2)","group-dropclue-height":"calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px)","selection-aggregates-padding-x":"var(--kendo-spacing-2)","selection-aggregates-padding-y":"var(--kendo-spacing-2)" |
| Computed: (sm: (header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1), grouping-header-padding-x: var(--kendo-spacing-2), grouping-header-padding-y: var(--kendo-spacing-1), cell-padding-x: var(--kendo-spacing-2), cell-padding-y: var(--kendo-spacing-1), filter-cell-padding-x: var(--kendo-spacing-1\.5), filter-cell-padding-y: var(--kendo-spacing-1\.5), edit-cell-padding-x: var(--kendo-spacing-2), edit-cell-padding-y: var(--kendo-spacing-0\.5), button-padding-y: var(--kendo-spacing-0\.5), button-calc-size: calc(var(--kendo-line-height) * 1em + var(--kendo-spacing-0\.5) * 2 + 1px * 2), group-dropclue-height: calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-0\.5) * 2 + 1px * 2) + 6px), selection-aggregates-padding-x: var(--kendo-spacing-1), selection-aggregates-padding-y: var(--kendo-spacing-1)), md: (header-padding-x: var(--kendo-spacing-3), header-padding-y: var(--kendo-spacing-2), grouping-header-padding-x: var(--kendo-spacing-2), grouping-header-padding-y: var(--kendo-spacing-2), cell-padding-x: var(--kendo-spacing-3), cell-padding-y: var(--kendo-spacing-2), filter-cell-padding-x: var(--kendo-spacing-2), filter-cell-padding-y: var(--kendo-spacing-2), edit-cell-padding-x: var(--kendo-spacing-3), edit-cell-padding-y: calc(var(--kendo-spacing-1\.5) / 2), button-padding-y: var(--kendo-spacing-1), button-calc-size: calc(var(--kendo-line-height) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2), group-dropclue-height: calc(calc(var(--kendo-line-height-xs) * 1em + var(--kendo-spacing-1) * 2 + 1px * 2) + 6px), selection-aggregates-padding-x: var(--kendo-spacing-2), selection-aggregates-padding-y: var(--kendo-spacing-2))) |
| Description: The sizes map of the Grid.
|
