素材巴巴 > 程序开发 >

DataTables 属性

程序开发 2023-09-03 14:13:27

目录

1.初始化

2.语言替换为中文

3.禁用展示记录信息

4.禁用搜索框

5.禁用选择每页条数

6.设置每页记录数

7.禁用分页

8.禁用搜索

9.启用水平滚动

10.启用垂直滚动

11.所有属性 


1.初始化

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

2.语言替换为中文

官方文档icon-default.png?t=MBR7https://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.所有属性 

官方文档icon-default.png?t=MBR7https://datatables.net/reference/option/


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。