DataTable 控件:斑马条纹在 IE8 上不显示

发布于 2024-10-30 18:50:10 字数 817 浏览 1 评论 0原文

我们的斑马条纹实施遇到了一些小问题。虽然它在 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

We're having some slight problems with our Zebra striping implementation. While it displays alternating colors in FF 3.6 and Chrome 10, it does not work in IE 8. Any suggestions?

Code:

 <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; 
 }

Also posted at:
http://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=5713&p=34932#p34932

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

落在眉间の轻吻 2024-11-06 18:50:10

这对我来说适用于 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;
}

This works in IE 8 for me:

dataTable

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

included stylesheet

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

stylesheet

.even-row {
    background: #fcefa1;
}

.odd-row {
    background: #f7f7f7;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文