是否可以修改Bootstrap Table组件的默认显示语言?
使用Bootstrap创建datatable时,组件自带的搜索框、上一页、下一页等操作按钮默认仅显示英文内容,如下图所示,请问是否可以修改这些内容的显示语言?
当然可以修改,Bootstrap DataTable 提供了language配置项用来自定义所有控件的显示文本,你可以直接在初始化表格时传入自定义配置即可,中文场景常用配置示例如下:
$('#你的表格ID').DataTable({ // 保留你原本的其他配置,新增language配置项 language: { "sProcessing": "处理中...", "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有匹配的结果", "sInfo": "当前显示第 _START_ 到 _END_ 条,共 _TOTAL_ 条记录", "sInfoEmpty": "当前显示第 0 到 0 条,共 0 条记录", "sInfoFiltered": "(从 _MAX_ 条记录中筛选)", "sSearch": "搜索:", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "末页" } } });
如果你的项目中多个页面都用到了DataTable,不想每次初始化都重复写配置,可以提前设置全局默认配置,后续所有初始化的表格都会自动复用该配置:
// 全局配置放在DataTable初始化之前执行即可 $.extend($.fn.dataTable.defaults, { language: { // 上面的自定义语言配置直接放这里 } });
你可以根据自己的需求调整对应字段的文本内容,所有界面可见的固定文本都支持自定义修改。
内容的提问来源于stack exchange,提问作者answerSeeker
相关产品推荐
相关产品推荐


