Skip to content

Define Header Styles

Standard Header Style

Define header style by using headerStyle property.

Properties below are prepared in standard.

PropertyDescription
colorDefine the color of header cell.
textAlignDefine the horizontal position of text in header cell.
textBaselineDefine the vertical position of text in header cell.
bgColorDefine the background color of header cell.
fontDefine the font of header cell.
paddingDefine the padding of header cell. If you set 4 values separately, please set the Array.
textOverflowDefine how to display when text overflows the area of a header cell. clip or ellipsis is available.

Style Properties Per Header Type

Simple Text Header

Additional properties are available for simple text headers:

PropertyDescription
multilineIf true, accept multiline text caption.
lineHeightDefine the amount of space used for lines.
autoWrapTextDefine whether to wrap automatically.
lineClampDefine truncates text at a specific number of lines.

Checkbox Header

Additional properties are available for checkbox headers:

PropertyDescription
checkBgColorDefine background color of checkbox, when it is checked.
uncheckBgColorDefine background color of checkbox, when it is unchecked.
borderColorDefine border color of checkbox.

Multiline Text Header

Check out Define Multiline Text Header.

Sort Header

Check out Sort by Column.