couch-view_html_table_with_alternating_rows.html

<table id="example-4" bgcolor="gray" class="grid-test">
  <thead>
    <tr  bgcolor="lightgray" class="header-row">
      <th id="id" class="column" >Id</th>
      <th id="date" class="column" >Date</th>
      <th id="hourEnd" class="column" >Hour</th>
      <th id="loadAvgHourlyDAY" class="column" >Load</th>
    </tr>
  </thead>
  <tbody class="data-body">
    <tr  bgcolor="#ADDFFF" class="data-row-odd">
      <td class="field" id="id">pjm-20100405-24</td>
      <td class="field edit" id="date">05/04/2010</td>
      <td class="field edit" id="hourEnd" >24</td>
      <td class="field edit" id="loadAvgHourlyDAY">1686.4</td>
    </tr>
    <tr  bgcolor="#FDEEF4" class="data-row-even">
      <td class="field" id="id">pjm-20100405-24</td>
      <td class="field edit" id="date">05/04/2010</td>
      <td class="field edit" id="hourEnd" >24</td>
      <td class="field edit" id="loadAvgHourlyDAY">1686.4</td>
    </tr>
  </tbody>
  <tfoot>
    <tr  bgcolor="white">
      <th ><button class="pager-prev-page">prev</button></th>
      <th colspan="2"><span class="pager-page"> </span> of <span class="pager-page-total"></span></th>
      <th ><button  class="pager-next-page">next</button></th>
    </tr>
  </tfoot>
 </table>