Bootstrap Table API 中文版（完整翻译文档）_bootstrap 中文文档大部分中文

Bootstrap table API 中文文档（完整翻译文档）
*$(’#table’).bootstrapTable({});
*看网上有中文版的，但有些就是字面直接译过来了，而且有的就没有翻译，那就打算自己再翻译一遍，每一条会尽
*最大可能结合尽可能多资料翻译，如果发现译的内容比英文多，是添加了更详细的说明，表的名称，属性，类型，
*默认值不翻译，例如：“class”、"id"等不翻译。
*有错请提出，会及时改正，谢谢。
如果想转请评论留个言并注明原博 @Sclifftop https://blog.csdn.net/S_clifftop/article/details/77937356

给我评论点赞，听到没有，臭弟弟

• “名称”可以写在$('#table').bootstrapTable({});的大括号中，可以定义一些想要的值，如：

$("#realTime_Table").bootstrapTable({
  	  search: true,
      pagination: false,
      pageSize: 15,
      pageList: [5, 10, 15, 20],
      showColumns: true,
      showRefresh: false,
      showToggle: true,
      locale: "zh-CN",
      striped: true
});  
1
2
3
4
5
6
7
8
9
10
11

• “属性”放在声明表内，如：

<!--例子应该很好看懂Table options和Column options 所放的位置不同，随便写的，主要为了懂得如何用--!>

 <table id="realTime_Table" data-click-to-select="true" class="table table-bordered" data-page-size="20">
      <thead>
          <tr >
              <th data-sortable="true" data-field="realTimeDate">日期</th>
              <th data-sortable="true" data-field="newPlayerNum">新增用户</th>
              <th data-sortable="true" data-field="activePlayerNum">活跃用户</th>
          </tr>
      </thead>
      <tbody>
      </tbody>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13

• 如果名称和属性功能类似，则任意一个地方就够了，不用重复定义，有的属性写在js里比名称写在声明表中更为简单，or vice verse（有的属性必须要写，对应的名称只是表示是否启用那个属性）

表的各项(Table options )

定义在 jQuery.fn.bootstrapTable.defaults 文件内

function(params){
return params;}

function(res){
return res;}

新版的CSDN有bug，所以其余的Table options另写一个表格 [ Bootstrap Table API 中文版（完整翻译文档） ]

列的各项(Column options )

定义在 jQuery.fn.bootstrapTable.columnDefaults 文件内

事件(Events)

定义事件的格式：

$(’#table’).bootstrapTable({
onEventName: function (arg1, arg2, …) {
// …
} });

$(’#table’).on(‘event-name.bs.table’, function (e, arg1, arg2, …) {
// …
});

方法(Methods)

定义方法响应的语法 $('#table').bootstrapTable('method', parameter);

新版的CSDN有bug，所以其余的Methods另写一个表格 [ Bootstrap Table API 中文版（完整翻译文档）]

新版的CSDN有bug，所以其余的Methods另写一个表格 [ Bootstrap Table API 中文版（完整翻译文档） ]

新版的CSDN有bug，所以其余的Methods另写一个表格 [ Bootstrap Table API 中文版（完整翻译文档） ]

本地化，切换为另一种语言(Localizations)

默认显示英文，如果想使用中文，首先引入：

<script src="bootstrap-table-zh-CN.js"></script>

然后是三种声明使用的方法（个人只使用第二、三种），如下：

• 第一种：

$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN']);

• 第二种：

<table data-toggle="table" data-locale="zh-CN"></table>

• 第三种：

$('table').bootstrapTable({locale:'zh-CN'});

• 以下说明除了数字外均为中文默认显示，本来不用写的，只要引入就显示中文了，下面数字我就默认15，这个实际要看你设置的是多少

有错请留言，看到后会及时更改，如果像那种翻译的行写成列或漏字等低级错误，看英文名称就知道有没有错了，主要就是为了让你们知道怎么用，会持续检查哪有误、漏译，如果认为有译得不妥的地方，也可以留言一起讨论，谢谢

自己做的微信小程序工具 —维尼聚合工具（ 查地铁、线路规划、二维码生成、计算器、指南针、证件识别等等）

其他相关：

• Bootstrap Table实现定时刷新数据
• Bootstrap Table 双击或单击行获取该行内容