2

我们的 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

4

1 回答 1

2

这对我来说适用于 IE 8:

数据表

<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;
}
于 2011-04-08T12:32:39.673 回答