我有数据表显示我的数据库数据。我将分页包含在我的数据表中,位置为“底部”。我的代码:
<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}">
我的分页不在底部屏幕上,而是在我的数据下方。我怎样才能做到这一点?
最佳答案
这是一个样式问题。使用您的浏览器开发人员工具(在大多数浏览器中为 F12)选择您想要设置样式的节点。在 Chrome 中,您还可以右键单击该节点并选择“检查”。
现在找到创建自定义 CSS 规则所需的类。在您的情况下:ui-paginator-bottom
。
然后创建一些自定义样式。根据您的模板,您最终可能会得到如下内容:
.ui-paginator-bottom {
position: fixed;
bottom: 0;
}
另见:
关于html - 底部屏幕上的 Primefaces 数据表分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43343500/