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

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 表格属性（可能还有一点CSS）来在表格周围移动控件。可以找到原文参考here。

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