jQuery - 第三方表格插件DataTables使用详解4（分页的设置）

2018-03-15 发布：hangge 阅读：2613

七、分页相关设置

（1）直接设置每页数量。

$('#myTable').DataTable({
  "lengthMenu": [20,50,100],
  //.......

（2）也可分别设置显示的文本，以及对应的实际值（-1 表示全部显示）

$('#myTable').DataTable({
  "lengthMenu": [[10, 25, 50, -1], ["10条", "25条", "50条", "全部"]]
  //.......

$('#myTable').DataTable({
  "pageLength": 50,
  //.......

$('#myTable').DataTable({
  "lengthChange": false,  //不显示每页条数下拉框
  //.......

（1）通过 pagingType 配置属性可以设置翻页按钮样式，可选值如下：

（2）下面把翻页按钮设置成只显示页码数字：

$('#myTable').DataTable({
  "pagingType": "numbers",  //只显示翻页按钮只显示数字
  //.......

$('#myTable').DataTable({
  "paging": false,  //不显示翻页按钮
  //.......

下面把左下角的“从 1 到 5 /共 5 条数据”这个信息给隐藏。

$('#myTable').DataTable({
  "info": false,  //不显示数据条目信息
  //.......