如何左对齐Jquery数据表分页按钮

时间:2012-06-26 19:13:22

标签: jquery pagination datatables

有关如何保持对齐Jquery数据表分页按钮的任何想法? 默认情况下,顶部按钮对齐中心,底部按钮对齐。 有什么想法吗?

3 个答案:

答案 0 :(得分:6)

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

.dataTables_paginate {
  float: left !important;
}

答案 1 :(得分:1)

div.dataTables_paginate { float: left; margin: 0; }应该可以解决问题。

答案 2 :(得分:0)

这是我使用默认 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"]],

使用这些设置:

import psutil

proc_name = 'calc.exe'
bad_users = ['desktop\user1']

for proc in psutil.process_iter():
    if proc.name().lower() == proc_name \
    and proc.username().lower() in bad_users:
        print('kill', proc.pid)
        psutil.Process(proc.pid).kill()