Next
Update
Prev

The styles also can be defined using the styleName property. This sample Grid demonstrates how to set the styleName property in <DataGrid>.

...
<DataGrid ... styleName="gridStyle" ... >
...
</DataGrid>
<Style>
  .gridStyle {
    color:#078970; 
    alternatingItemColors:#d1e8dc,#FFFFFF;
    headerColors:#13ecb6,#00ab90;
    headerStyleName:gridHeaderStyle;
    horizontalGridLines:true;
    horizontalGridLineColor:#abd3bf;
    selectionColor:#12cc80;
    rollOverColor:#afef86;
    fontWeight:bold;
    fontSize:12;
    verticalAlign:middle;
    verticalGridLineColor:#abd3bf;
  }
  .gridHeaderStyle {
    color:#FFFFFF;
    fontWeight:bold;
    fontSize:12;
    horizontalAlign:center;
    verticalAlign:middle;
    separatorColor:#000000;
  }			
</Style>

© 2017 KoolChart. All rights reserved.