You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

是否可以修改Bootstrap Table组件的默认显示语言?

使用Bootstrap创建datatable时,组件自带的搜索框、上一页、下一页等操作按钮默认仅显示英文内容,如下图所示,请问是否可以修改这些内容的显示语言?
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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 15:09:05