4

关于如何左对齐 Jquery 数据表分页按钮的任何想法？默认情况下，顶部按钮居中对齐，底部按钮右对齐。有任何想法吗？

4

3 回答 3

8

您需要使用 !important 来覆盖应用于分页器的现有样式。

.dataTables_paginate {
  float: left !important;
}
于 2016-08-30T17:00:08.780 回答
2

div.dataTables_paginate { float: left; margin: 0; }应该做的伎俩。

于 2012-06-26T19:16:55.477 回答
0

这是我使用默认值datatable（无dom/sDom设置）所做的，以便分页控件位于 x of y信息下方，两个项目都左对齐并位于表格底部：

Showing 1 to 25 of NN entries
First Previous 1 2 3 4 5 Next Last

我添加了这种风格：

    <style type="text/css">
        div.dataTables_info {
            position: absolute
        }

        div.dataTables_wrapper div.dataTables_paginate {
            float: unset;
            text-align: left;
            padding-top: 28px;
            padding-bottom: 10px;
            white-space: nowrap;
        }
    </style>

使用这些设置：

                "bJQueryUI": true,
                "iDisplayLength": 25,
                "sPaginationType": "full_numbers",
                "aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],
于 2021-01-12T21:15:20.990 回答