jQuery Datatables在顶部显示页码


jQuery Datatables show page numbers at top

我正在使用jQuery Datatables，在表的底部具有分页号。 但是，我想将其移到顶部，因为更改页码时，由于数据量(iDisplayLength设置为100)，用户每次都需要在顶部滚动，这很烦人。

这是我的代码：

1
2
3
4
5
6
7
8
9
     $(function()
     {
      oTable = $('#example').dataTable({
       "bJQueryUI": true,
       "sPaginationType":"full_numbers",
       "iDisplayLength": 100,
       "sDom": '<"top"<"actions">fpi<"clear">><"clear">rt<"bottom">',
    });
});

这似乎可行，但是它删除了我的"显示条目"下拉菜单，在这里我可以让某人选择要在页面上显示的条目数量，还可以删除我的样式。

相关讨论

正如@azeos指出的那样，您在sDom中缺少了l。 更正后的代码如下所示：

1
2
3
4
5
6
7
8
$(function(){
   var oTable = $('#example').dataTable({
      "bJQueryUI": true,
      "sPaginationType":"full_numbers",
      "iDisplayLength": 100,
      "sDom": '<"top"<"actions">lfpi<"clear">><"clear">rt<"bottom">'
   });
});

有关更多信息，请参见sDom(DataTables 1.9)或dom(DataTables 1.10+)。