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-spacing(2),
group-label-padding-y: k-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-spacing(2),
group-label-padding-y: k-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-spacing(2),
group-label-padding-y: k-spacing(1),
group-label-font-size: .875em
)
) |
|
Description
The sizes of the table. | |||
