Primefaces 数据表更改分页模板颜色答案

【问题标题】：Primefaces datatable change paginationtemplate colorPrimefaces 数据表更改分页模板颜色
【发布时间】：2013-06-11 01:13:10
【问题描述】：

您好，我是 Prime 面孔的新手，我想在这里实现的是对 primefaces 数据表的完全修改。

代码：

<p:dataTable id="dataTable" var="c" value="#{databaseSearch.customerList}"  
                                 paginator="true" rows="10"
                                 paginatorTemplate="Page {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}  Rows per page {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15,30">

CSS 代码：

#dataTable th {
    background: black;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;

}
#dataTable td {
    background: maroon;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;

}

如果标题和行可以更改颜色，但 paginatorTemplate 的选项（例如 {PageLinks}）仍然是灰色按钮

我想改变那个灰色，有什么建议吗？

【问题讨论】：

标签： primefaces datatable pagination

【解决方案1】：

你试试下面的代码：

    <style type="text/css">
      .ui-paginator-page{
        background-color:gray !important;   
      }
      .ui-paginator{ // for navigation bar
          background-color:gray !important;   
      }
    </style>

您可以使用浏览器的Inspect element 来获取组件的css和元素的css，然后覆盖它们以获得您想要的。

【讨论】：

谢谢！但 .ui-paginator-page 仅更改按钮，例如：1、2 .. 下拉菜单和页面链接保持不变。

【解决方案2】：

谢谢。它工作正常，但是：见：

.ui-paginator, th {
   background-color: white !important;
   background-image: none !important;
}

【讨论】：

但是看什么呢？这是一个答案吗？它有什么作用？
许多 primeface 主题都有背景图片。我只是想起来了。对不起！