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>
|