jQuery Datatable是一个非常流行的数据表插件，它可以帮助您快速地在页面上创建搜索、过滤、排序和分页的数据表格。不过，它的默认设置是英文的，今天我们就来探讨如何将jQuery Datatable分页中文化。
一、Datatable中文化
首先，我们需要引入中文语言包。可以从官网下载中文语言包。下载完之后，只需在页面中引入即可。
<script src="https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json"></script>
然后，在DataTable初始化的时候，添加一个language选项，将其指向中文语言包即可。
$('#example').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json'
}
});
二、分页信息中文化
默认情况下，Datatable的分页信息是英文的，我们可以通过调整默认文本内容来实现中文化。比如，将”Showing x to y of z entries” 改为”显示x到y，共z条记录”
$('#example').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json',
paginate: {
first: '首页',
last: '尾页',
next: '下一页',
previous: '上一页'
},
info: '显示 _START_ 到 _END_ ，共 _TOTAL_ 条记录'
}
});
三、修改分页长度中文化
Datatable默认的分页长度选项是10, 25, 50，我们可以将其修改为中文，比如 “每页显示10条、20条、50条”。
$('#example').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json'
},
lengthMenu: [[10, 20, 50], ['每页显示10条', '每页显示20条', '每页显示50条']],
pageLength: 10
});
四、总结
通过以上不同角度的中文化设置，我们可以让Datatable展示出中文的分页、分页长度选择等信息，让用户更容易地使用我们提供的表格数据。
原创文章，作者：CXCIN，如若转载，请注明出处：https://www.506064.com/n/375308.html
微信扫一扫 
支付宝扫一扫 