SMART datagrid v.1 > Examples

[ grids ver.1.3.0]   Back  Forward

Style Region - Body  Example

Body area of the grid is an area displaying the group rows related to the data cells. 

Set the background color of Body area.  

Grid - 1
rows

You can specify the background color and the bottom border style of the grid row with using body.row style set. 

Set the styles of body.row.  

Code -1
    grdMain.loadStyles({
        body: {
            row: {
                background: "#1500ff88",
                borderBottom: "#00f"
            }
        }                
    })

body.cell style set specifies the default styles used in drawing the data cells. 

Set the styles of body.cell.  

Code -2
    grdMain.loadStyles({
        body: {
            cell: {
                background: "#15ff0088"
            }
        }                
    })

The styles of an empty grid which has no columns or rows are specified by body.empty

   

Grid - 2

View Source JSP 

See Also
GridBody
GridStyles
Examples
Style Region - Grid
Load Styles