Alternating Row Colors - Interactive Report

Question

Hello All,
I'm hoping someone out there can help me out w/this. :)
I'm a newbie working w/an Interactive Report and want to have alternating row colors as a default w/out losing the IR advantages.
I've tried javascript, but, whenever filters are applied the class gets stripped off.
Has anyone had any luck w/this?
Thanks In Advance

Answer 1

Roel,
I got it working... Adding the onload to the image is pretty awesome, I had to chuckle cause I would've never thought of that.
It wasn't working for me earlier, but, i realized after it was a silly syntax error. :P
Anywho - Check the link below.
http://apex.oracle.com/pls/otn/f?p=17445:7::::::
I had used a different striping script which was written by a buddy of mine Keith Daulton (Had to throw him props for a hawt script. Works in ie6/7, FF, Chrome & Safari).
I'm 100% sure I'm not the only one who's wanted this done and struggled to get it. So below I'm providing it for those who run into this thread.
<script type="text/javascript">
// THIS DOES THE STRIPING
function decorateDataGrids (strClass) {
     var tables = document.getElementsByTagName("table");
     for (var i=tables.length; i--;) {
          if (tables.className == strClass) {
               var gridRows = tables[i].getElementsByTagName("tr");
               for (var j=gridRows.length; j--;) { if (j%2) { gridRows[j].className = "even"; } }
window.onload = function () {
     decorateDataGrids("apexir_WORKSHEET_DATA"); // THIS DOES THE STRIPING
</script>
<style>
/* THIS OVERRIDES APEX'S DEFAULT STYLES */
table.apexir_WORKSHEET_DATA tr.even td {
     background-color:#F1F5FA !important;
table.apexir_WORKSHEET_DATA td {
     background-color:#FFFFFF !important;
     border:1px solid #B3B3A7 !important;
     padding:4px 8px !important;
</style>
onload event strapped to the img -- Thanks!!!
<img src="#IMAGE_PREFIX#edit.gif" alt="" onload="decorateDataGrids('apexir_WORKSHEET_DATA');">
Edited by: user11086646 on Jun 9, 2009 7:04 PM