New to Kendo UI for Vue? Start a free 30-day trial
Customizing Table
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-table-border-width | Number | 1px | 1px |
Description
The width of the table border. | |||
$kendo-table-cell-vertical-border-width | Number | 1px | 1px |
Description
The width of vertical border of table cells. | |||
$kendo-table-cell-horizontal-border-width | Number | 1px | 1px |
Description
The width of horizontal border of table cells. | |||
$kendo-table-header-font-weight | Null | null | null |
Description
Font weight of the table header cells. | |||
$kendo-table-sizes | Map | (
sm: (
font-size: $kendo-font-size-sm,
line-height: $kendo-line-height-sm,
cell-padding-x: $kendo-table-sm-cell-padding-x,
cell-padding-y: $kendo-table-sm-cell-padding-y,
group-row-padding-x: 0,
group-row-padding-y: $kendo-table-sm-cell-padding-y,
group-label-padding-x: k-map-get( $kendo-spacing, 2 ),
group-label-padding-y: k-map-get( $kendo-spacing, 1 ),
group-label-font-size: .875em
),
md: (
font-size: $kendo-font-size-md,
line-height: $kendo-line-height-md,
cell-padding-x: $kendo-table-md-cell-padding-x,
cell-padding-y: $kendo-table-md-cell-padding-y,
group-row-padding-x: 0,
group-row-padding-y: $kendo-table-md-cell-padding-y,
group-label-padding-x: k-map-get( $kendo-spacing, 2 ),
group-label-padding-y: k-map-get( $kendo-spacing, 1 ),
group-label-font-size: .875em
),
lg: (
font-size: $kendo-font-size-lg,
line-height: $kendo-line-height-lg,
cell-padding-x: $kendo-table-lg-cell-padding-x,
cell-padding-y: $kendo-table-lg-cell-padding-y,
group-row-padding-x: 0,
group-row-padding-y: $kendo-table-lg-cell-padding-y,
group-label-padding-x: k-map-get( $kendo-spacing, 2 ),
group-label-padding-y: k-map-get( $kendo-spacing, 1 ),
group-label-font-size: .875em
)
) | (sm: (font-size: 0.875rem, line-height: 1.25, cell-padding-x: 0.5rem, cell-padding-y: 0.25rem, group-row-padding-x: 0, group-row-padding-y: 0.25rem, group-label-padding-x: 0.5rem, group-label-padding-y: 0.25rem, group-label-font-size: 0.875em), md: (font-size: 1rem, line-height: 1.5, cell-padding-x: 0.75rem, cell-padding-y: 0.25rem, group-row-padding-x: 0, group-row-padding-y: 0.25rem, group-label-padding-x: 0.5rem, group-label-padding-y: 0.25rem, group-label-font-size: 0.875em), lg: (font-size: 1.25rem, line-height: 1.75, cell-padding-x: 0.75rem, cell-padding-y: 0.25rem, group-row-padding-x: 0, group-row-padding-y: 0.25rem, group-label-padding-x: 0.5rem, group-label-padding-y: 0.25rem, group-label-font-size: 0.875em)) |
Description
The sizes of the table. |