将页面长度控制从下拉列表更改为链接

Question

我想知道Records per page下拉选项是否可以更改为一组链接。我无法在文档中找到任何相关内容，并想知道这是否可行。

由此：

对此：

Answer 1

您可以使用page.len() API方法设置页面长度。

使用链接设置页面长度的基本示例：

var table = $('#example').DataTable({
   dom: '<"#example-page-length">frtip',
   lengthMenu: [ 15, 25, 50 ],
   initComplete: function(){
      $('#example-page-length').html(
         'Records per page: <a href="javascript:;">15</a> <a href="javascript:;">25</a> <a href="javascript:;">50</a>'
      );
   }
});

$(table.table().container()).on('click', '#example-page-length a', function(){
   table.page.len($(this).text()).draw();
});

请参阅this jsFiddle以获取代码和演示。

Answer 2

这似乎不是一个选项，但您应该可以使用buttons和page.len()

将它们组合在一起

https://datatables.net/reference/option/buttons.buttons

https://datatables.net/reference/api/page.len()