DataTables使分页和显示计数显示在顶部

Question

使用DataTables plugin

时

如何进行分页，8个条目中的显示1到8出现在顶部而不是底部？

由于

Answer 1

在方案id，<tableid>_info之后，每个数据表控件都以唯一<tableid>_pagination命名，依此类推。所以他们很容易找到然后四处走动。

如果您有一个表#example，您可能会像这样初始化dataTable：

var dataTable = $('#example').dataTable({
    sPaginationType: "full_numbers"
})

然后，将控件移动到表格上方，如下所示：

$("#example_info").detach().prependTo('#example_wrapper');
$("#example_paginate").detach().prependTo('#example_wrapper');

为了避免两个控件垂直错位：

#example_info {
    clear: none;
}

看工作小提琴 - ＆gt;的 http://jsfiddle.net/C6CWE/

Answer 2

只需将选项中的dom属性作为lfrtip添加到lfript

var dataTable = $('#example').dataTable({
    sPaginationType: "full_numbers",
               dom:"lfrtip"
});,

这将移动表格顶部的信息和分页

请参阅文档https://datatables.net/reference/option/dom