如何将分页下拉菜单移至底部并显示 jQuery Ajax 数据表的数量

Question

这里我有一个与 jQuery Ajax DataTable 下拉菜单相关的问题。我想将分页下拉菜单移至底部。

我失去了相同的研发，但找不到任何东西。

请看看下面的图片，我想要准确的。

任何人都可以帮助我吗？

Answer 1

通过设置

DataTables

选项可以轻松配置

dom

的布局，文档在这里。

默认情况下，

dom

看起来像这样：

{
    dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
         "<'row'<'col-sm-12'tr>>" +
         "<'row'<'col-sm-5'i><'col-sm-7'p>>",
}

我们可以将其更改为：

{
    dom: "<'row'<'col-sm-6 col-offset-sm-6'f>>" +
         "<'row'<'col-sm-12'tr>>" +
         "<'row'<'col-sm-3'i><'col-sm-2'l><'col-sm-7'p>>",
}

它使用 Bootstrap 网格系统。对于其他布局系统，如

Foundation

和

jQueryUI

，请查看文档。

Answer 2

请勾选此项，这将有助于根据您的参考创建布局

$('#your_id').DataTable({'dom': 'rt<"bottom"iflp><"clear">'});