0

こんにちは、素数の顔を初めて使用します。ここで達成しようとしているのは、素数のデータテーブルを完全に変更することです。

コード：

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

}

ヘッダーと行の色を変更できますが、{PageLinks} などの paginatorTemplate のオプションはまだ灰色のボタンです paginatorTemplate

その灰色を変更したいのですが、何か提案はありますか?

4

2 に答える 2

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を取得し、それらをオーバーライドして必要なものを取得できます。

于 2013-06-11T03:13:13.883 に答える