Primefaces下部画面のデータテーブルのページ番号

Question

データベースからのデータを表示するデータテーブルがあります。私は、データテーブルに「ボトム」の位置にページ番号を付けます。私のコード：

<p:dataTable var="item" id="initemList" widgetVar="initemList" value="#{initemController.initems}" 
       paginator="true" rows="50" reflow="true" 
       paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {CurrentPageReport}" 
       currentPageReportTemplate="{startRecord} - {endRecord} of {totalRecords}" paginatorPosition="bottom" 
       rowsPerPageTemplate="10,25,50" selectionMode="single" scrollable="true" 
       selection="#{initemController.selectedInitem}" rowKey="#{item.itemid}"> 

その結果、これは私のデータテーブルである：

マイページネーションは、下の画面上で、私のデータの下ではありません。どうすればそれを達成できますか？

Answer 1

スタイリングの問題です。ほとんどのブラウザでは、ブラウザの開発者ツール（F12）を使用して、スタイルを適用するノードを選択します。 Chromeでは、ノードを右クリックして[Inspect]を選択することもできます。

カスタムCSSルールを作成するためのクラスが見つかりました。あなたの場合：ui-paginator-bottom。

カスタムスタイリングを作成します。

.ui-paginator-bottom { 
    position: fixed; 
    bottom: 0; 
} 

も参照してください：

• PrimeFaces component looks different than in showcase