如何修改Datatable分页模块默认显示的提示文字
Datatable 自定义分页提示文本配置方法
该需求完全可以不依赖任何额外插件实现,Datatable原生提供了language配置项用于自定义所有界面文本提示,按以下方式配置即可生效:
具体配置示例
初始化Datatable时,将修改后的提示文本配置放入language字段下即可:
// 替换为你实际的表格DOM选择器 $('#exampleTable').DataTable({ // 你原有其他Datatable配置(分页开关、列配置、排序规则等)保持不变 paging: true, // 新增language配置自定义提示文本 language: { // 普通分页场景的提示文本 "info": "Showing _START_ to _END_ of _TOTAL_ items", // 无数据场景的提示文本 "infoEmpty": "Showing 0 to 0 of 0 items", // 可选:存在搜索过滤时的提示,按需配置即可 "infoFiltered": "(filtered from _MAX_ total items)" } });
配置说明
- 配置中的
_START_、_END_、_TOTAL_、_MAX_是Datatable内置占位符,会自动根据表格实时数据替换为对应数值,无需手动处理 - 你也可以根据需求完全自定义提示内容,比如改成全中文提示:
"info": "当前显示第 _START_ - _END_ 条,共 _TOTAL_ 条数据" - 如果表格已经初始化过,只需要找到原有初始化代码,补充上述
language配置后重新初始化即可生效
内容的提问来源于stack exchange,提问作者Cheknov
相关产品推荐
相关产品推荐

