如何在显示 jQuery Ajax DataTable 数量旁边将分页下拉列表移动到底部

【问题标题】：How to move paging dropdown to bottom beside showing number of jQuery Ajax DataTable如何在显示 jQuery Ajax DataTable 数量旁边将分页下拉列表移动到底部
【发布时间】：2017-03-17 09:55:39
【问题描述】：

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

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

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

任何人都可以帮助我吗？

【问题讨论】：

请分享代码，以便我们看到您到目前为止所做的事情
这是一个初始化数据表的简单代码，如下$ ('#datatable').DataTable ({ "order": [[1, "desc"]], "sDom": 'rtlfip',...
那么我的朋友 @HiteshTank 很简单，如果你用 google datatables.net/examples/basic_init/dom.html
是的，我找到了。我也这样做了

标签： javascript jquery css datatables

【解决方案1】：

通过设置dom选项很容易配置DataTables的布局，文档是here。

默认情况下，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 等其他布局系统，请查看文档。

【讨论】：