jquery - 如何在 jQuery Bootstrap DataTables 插件中居中分页?

标签 jquery css twitter-bootstrap pagination datatables

我正在使用 jQuery 的 DataTables 插件和 Bootstrap 3.1 对服务器端内容进行排序和分页。

我的 table 是这样的

http://datatables.net/manual/styling/bootstrap-simple.html

分页和排序工作正常...但默认情况下分页位于表格的右侧。我想把它显示在 table 的中央。我对 CSS 的了解很少,所以我不确定在哪里进行更改。如何实现?

最佳答案

将您的 DataTable 初始化为:

$(document).ready(function () {

    /* DataTables */
    var myTable = $("#myTable").dataTable({
        "sDom": '<"row view-filter"<"col-sm-12"<"pull-left"l><"pull-right"f><"clearfix">>>t<"row view-pager"<"col-sm-12"<"text-center"ip>>>'
    });

});

关于jquery - 如何在 jQuery Bootstrap DataTables 插件中居中分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24401177/

相关文章:

html - CSS可视化该元素是可点击的(如选项卡)

html - Bootstrap : How to center align content inside column?

javascript - jQuery - 当输入不是来自自动完成给出的列表时禁用回车键

javascript - 单击时 jQuery 下拉列表不显示

javascript - 为什么我不能居中对齐我的 <td> 文本?

javascript - 我的 css 规则适用于所有输入元素,但我在脚本中制作的元素除外

html - 居中多个元素,当元素数量可能发生变化时

jquery - Rails jQuery UJS 回调未触发

jquery - 使用jquery获取同名下拉菜单的值

javascript - 如何在 jQuery Mobile 中的 pagecreate 上设置事件 TAB