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.语言替换为中文
官方文档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/
标签:
相关文章
-
无相关信息