DataTables 属性

目录

1.初始化

2.语言替换为中文

3.禁用展示记录信息

4.禁用搜索框

5.禁用选择每页条数

6.设置每页记录数

7.禁用分页

8.禁用搜索

9.启用水平滚动

10.启用垂直滚动

11.所有属性 

---

1.初始化

$(document).ready(function () {
    $("#table_id").DataTable();
});

2.语言替换为中文

官方文档https://datatables.net/reference/option/language

$(document).ready(function () {
    $("#table_id").DataTable({
        "language": {
          "search": "搜索：", // 搜索框前的文字
          "paginate": { // 分页
            "first": "首页",
            "last": "尾页",
            "next": "下一页",
            "previous": "上一页"
          },
          "zeroRecords": "无数据", // 表格内无数据时显示
          "loadingRecords": "数据加载中...", // 数据加载时显示
          "lengthMenu": "每页 _MENU_ 条", // 选择每页条数时的文字显示
          "info": "展示 _START_ 到 _END_ 共 _TOTAL_ 条记录",
          "infoEmpty": "展示 0 到 0 共 0 条记录",
        }
    });
});

 3.禁用展示记录信息

$(document).ready(function () {
  $("#table_id").DataTable({
	"info": false, // 禁用展示记录信息，默认启用，禁用设置为 false
  });
});

 4.禁用搜索框

$(document).ready(function () {
  $("#table_id").DataTable({
	"ordering": false, // 禁用排序，默认启用，禁用设置为 false
  });
});

 5.禁用选择每页条数

$(document).ready(function () {
  $("#table_id").DataTable({
	"lengthChange": false, // 禁用选择每页条数，默认启用，禁用设置为 false
  });
});

 6.设置每页记录数

$(document).ready(function () {
  $("#table_id").DataTable({
	"pageLength": 2, // 设置每页记录数
  });
});

 7.禁用分页

$(document).ready(function () {
  $("#table_id").DataTable({
	"paging": false, // 禁用分页，默认启用，禁用设置为 false
  });
});

8.禁用搜索

$(document).ready(function () {
  $("#table_id").DataTable({
	"searching": false, // 禁用搜索，默认启用，禁用设置为 false
  });
});

 9.启用水平滚动

$(document).ready(function () {
  $("#table_id").DataTable({
	"scrollX": true, // 启用水平滚动，默认禁用
  });
});

 10.启用垂直滚动

$(document).ready(function () {
  $("#table_id").DataTable({
	"scrollY": "100px",
	"scrollCollapse": true
  });
});

11.所有属性 

官方文档https://datatables.net/reference/option/