Next
Update
Prev

This sample Grid demonstrates what style properties of columns you can use. Refer to the table below for the details of each column style.

<DataGridColumn Styles>

backgroundColor This property is to set the background color.
color This property is to set the text color.
fontFamily This property is to set the font family.
fontSize This property is to set the font size.
fontStyle This property is to set the font style. Select either italic or normal (default : normal).
fontWeight This property is to set the font weight. Select either bold or normal (default : normal).
headerStyleName This property is to set the header styles.
horizontalAlign This property is to set the horizontal alignment of the column header. Select one of the following values: left, right, center (default : center).
iconPlacement This property is to set the icon alignment when the itemRenderer property is set to IconItem. Select eithor left or right (default : left).
separatorColor This property is to set the color of the line between text and icon when representing the icon alignment (default : #CCCCCC).
textAlign This property is to set the text alignment. Select one of the following values: left, right, center (default: left).
verticalAlign This property is to set the vertical alignment of the column header. Select one of the following values: top, middle, bottom (default : middle).

© 2017 KoolChart. All rights reserved.