2

Zebraストライピングの実装に若干の問題があります。FF3.6とChrome10では交互に色が表示されますが、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

これは私にとってIE8で機能します：

データ表

<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 に答える