index ·  tutorials ·  api ·  screen shots ·  discussion area ·  download ·  live demo 
 

To change the row colors of the report table, all you need to do is edit the class attributes of your row-type as below

<style>
/*header row background color*/
.header-row{
background-color:teal;
}

/*odd row background color*/
.odd-row{
background-color:#dcdcdc;
}

/*even row background color*/
.even-row{
background-color:white;
}
</style>

For a comic-like style, use the style sheet below:

<style>
/*background (line) color*/
.report-table{
     background-color:red;
}
          
/*header row background color*/
.header-row{
     background-color:black;     
}

/*header row text style*/
a.col-header{
     color:aqua;     
     font-family:arial;        
     text-decoration:none;
}
a.col-header:visited{
     color:aqua;
     font-family:arial;    
     text-decoration:none;
}
a.col-header:hover{
     color:lime;
     font-family:arial;    
     text-decoration:underline;
}

/*odd row background color*/
.odd-row{
     background-color:blue;
     color:yellow;
     font-family:tahoma;
     font-style:italic;
     font-weight:bold;
}

/*even row background color*/
.even-row{
     background-color:yellow;
     font-family:courier sans ms;
     font-wieght:bold;
     color:blue;
}
</style>