jquery-datatables - DataTables 使分页和显示计数出现在顶部

Question

使用 DataTables plugin 时

如何使分页和 Showing 1 to 8 of 8 entries 出现在顶部而不是底部？

谢谢

Answer 1

每个数据表控件都以唯一的 id 命名计划之后<tableid>_info , <tableid>_pagination等等。因此它们很容易找到并四处移动。

如果你有一个表 #example您可能会像这样初始化数据表:

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

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

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

并且为了避免两个控件垂直错位:

#example_info {
    clear: none;
}

查看工作 fiddle -> http://jsfiddle.net/C6CWE/