Next
Update
Prev

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

<DataGrid Styles>

alternatingItemColors This property is to set the background color of rows. You must define at least 2 colors using the Array Format.
backgroundColor This property is to set the background color of Grid (default : #EAEAEE).
borderColor This property is to set the border color of Grid.
borderStyle This property is to set the border style of Grid. Select one of the following values: none, solid, inset, outset (default : none).
borderThickness This property is to set the border thickness of Grid (default : 1). This property works only if borderStyle = solid.
color This property is to set the text color.
disabledColor Whether or not to disable the text color (enabled = false).
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).
headerColors This property is to set the background color of the header. You must define at least 2 colors using the Array Format.
horizontalGridLineColor This property is to set the color of the horizontal line.\n\
horizontalGridLines Whether or not to display the horizontal line. Select either true or false (default : false).
paddingBottom This property is to set the bottom padding. This property applies to the cell including the header (default : 2).
paddingLeft This property is to set the left padding (default : 2).
paddingRight This property is to set the right padding (default : 0).
paddingTop This property is to set the top padding. This property applies to the cell including the header (default : 2).
rollOverColor This property is to set the background color of the mouse-overed row or cell.
selectionColor This property is to set the background color of the selected row or cell.
textAlign This property is to set the horizontal color of the cell. Select one of the following values : left, right, center (default : left).
verticalAlign This property is to set the vertical alignment. Select one of the following values : top, middle, bottom (default : top).
verticalGridLineColor This property is to set the color of the vertical line.
verticalGridLines Whether or not to display the vertical line. Select either true or false (default : true).

© 2017 KoolChart. All rights reserved.