SMART datagrid Grid View or Tree View consists of several regions which contain the cells of the same types. Basically, the cells contained in the same region will be drawn in the same style. GridStyles provide the style set for these regions, and the cells contained in the region will be usually drawn through these style properties.
Although common style properties used in each region have been defined in Grid Styles, it does not mean the cells of each region use all the properties. In the table below, it summarizes style properties of Grid Styles. Please refer to Property Help for more details on each property.
| Property | Type | Explanation |
|---|---|---|
| background | Fill | Background color of cell |
| color | Fill | Text color |
| inactiveBackground | Fill | Background of cell of deleted row |
| inactiveColor | Fill | Text color of deleted row |
| selectedBackground | Fill | Background color of selected cell |
| selectedColor | Fill | Text color of selected cell |
| hoveredBackground | Fill | Background of hovered cell |
| hoveredColor | Fill | Text color of hovered cell |
| borderTop | Stroke | Top border of cell |
| borderLeft | Stroke | Left border of cell |
| borderBottom | Stroke | Bottom border of cell |
| borderRight | Stroke | Right border of cell |
| borderRadius | Integer | Radius of border |
| textFormat | String | Text display format |
| datetimeFormat | String | Date display format |
| numberFormat | String | Number display format |
| booleanFormat | String | Boolean display format |
| paddingLeft | Integer | Left padding of cell |
| paddingRight | Integer | Right padding of cell |
| paddingTop | Integer | Top padding of cell |
| paddingBottom | Integer | Bottom padding of cell |
| fontName | String | Font name |
| fontSize | Integer | Font size |
| fontBold | Boolean | Text bold |
| fontItalic | Boolean | Text italic |
| fontLineThrough | Boolean | Text strikethrough |
| fontUnderline | Boolean | Text underline |
| iconAlignment | Alignment | Icon alignment mode |
| iconIndex | Integer | Icon index |
| iconLocation | IconLocation | Icon location |
| iconOffset | Integer | Distance between the icon and cell border |
| iconPadding | Integer | Distance between the icon and text |
| iconAlpha | Integer | Transparency of the icon or image (0 ~ 1) |
| prefix | String | String added in front of the text |
| suffix | String | String added behind the text |
| textAlignment | Alignment | Horizontal alignment state of the text |
| lineAlignment | Alignment | Vertical alignment state of the text |
| textWrap | TextWrapMode | The display mode when exceeding cell area |
| textShadow | String | Shadow color of text |
| shapeName | String | Name of shape |
| shapeColor | Fill | Background color of shape |
| shapeColors | Fill | Background color palette of shape |
| shapeInactiveColor | Fill | Background color of inactive shape |
| shapeSelectedColor | Fill | Background color of selected shape |
| shapeHoveredColor | Fill | Background color of hovered shape |
| shapeBorder | Stroke | Border of shape |
| shapeInactiveBorder | Fill | Border of inactive shape |
| shapeSelectedBorder | Fill | Border of selected shape |
| shapeHoveredBorder | Fill | Border of hovered shape |
| shapeLocation | IconLocation | Display location of shape |
| shapeAlignment | Alignment | Alignment of shape |
| shapeOffset | Integer | Distance between the shape and cell border |
| shapePadding | Integer | Distance between the shape and text |
| shapeSize | Dimension | Shape size |
| shapeRotate | Number | Rotational state of shape (0 ~ 360) |
| renderer | String | Renderer ID |