java - 蒲公英数据表中分页控件的位置

Question

我正在对 spring petclinic 应用程序进行一些修改，我需要将蒲公英数据表的分页控件放置在表格下方的底部。过滤器需要位于顶部，并且用户几乎总是将结果过滤到少于 10 条记录，因此分页控件可以安全地位于底部。我该如何实现这个目标？为了实现这一点，我需要对下面的代码进行哪些具体更改？

这是链接:

这是我当前的数据表代码，它会产生上面显示的困惑结果。如何更改它以使分页控件(选择结果数)位于底部，而过滤条件框保留在顶部？

<datatables:table id="owners" data="${selections}" cdn="true" row="owner" theme="bootstrap2" 
                  cssClass="table table-striped" paginate="true" info="false" 
                  cssStyle="width: 150px;" align="left" >
<datatables:column title="Name" cssStyle="width: 150px;" display="html">
    <spring:url value="/owners?ownerID={ownerId}" var="ownerUrl">
        <spring:param name="ownerId" value="${owner.id}"/>
    </spring:url>
    <a href="${fn:escapeXml(ownerUrl)}"><c:out value="${owner.firstName} ${owner.lastName}"/></a>
</datatables:column>
</datatables:table>

注意:隐藏选择每页记录数的下拉列表也是可以接受的，只要该数字默认为 10 并且滚动页面的箭头按钮保留在底部。

Answer 1

你可以玩dom table 属性(可能还有一些 CSS)用于在表格中移动控件。可以找到原文引用here .

<datatables:table id="owners" data="${selections}" ... dom="frtp" >
    ...
</datatables:table>