DataTable控件：Zebra条带化不在IE8上显示

Question

我们的Zebra条带化实现存在一些轻微问题。虽然它在FF 3.6和Chrome 10中显示交替颜色，但它在IE 8中不起作用。有任何建议吗？

代码：

 <p:dataTable id="newMsgTable" 
 var="newAggr" 
 value="#{messageAggregatorBean.newAggregator}"
 rowStyleClass="#{empty rowIx or rowIx
 mod 2 ne 0 ? 'even-row' : 'odd-row'}"
 rowIndexVar="rowIx">

Css：

 .ui-datatable .ui-datatable-data .even-row td {
     background-color:#efffe6;
     border-right: solid 0px #4e6769; 
 }

 .ui-datatable .ui-datatable-data .odd-row td { 
     background-color:#ffffff;
     border-right: solid 0px #4e6769; 
 }

同时发布于： http://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=5713&p=34932#p34932

Answer 1

这适用于我的IE 8：

的dataTable

<p:dataTable var="entry" value="#{myBean.list}" rowIndexVar="rowIx"
    rowStyleClass="#{rowIx mod 2 ne 0 ? 'odd-row' : 'even-row'}">

包含样式表

<link type="text/css" rel="stylesheet" href="page.css" />

样式表

.even-row {
    background: #fcefa1;
}

.odd-row {
    background: #f7f7f7;
}