什么是Bootstrap Table API 中文版

本篇文章為大家展示了什么是Bootstrap Table API 中文版，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

看網上有中文版的，但有些就是字面直接譯過來了，而且有的就沒有翻譯，那就打算自己再翻譯一遍，每一條會盡最大可能結合盡可能多資料翻譯，如果發現譯的內容比英文多，是添加了更詳細的說明，表的名稱，屬性，類型，默認值不翻譯，例如："class"、"id"等不翻譯。有錯請提出，會及時改正，謝謝。

1、“名稱”可以寫在$('#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
        });

2、“屬性”放在聲明表內，如：

<!--例子應該很好看懂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>

3、如果名稱和屬性功能類似，則任意一個地方就夠了，不用重復定義，有的屬性寫在js里比名稱寫在聲明表中更為簡單，or vice verse（有的屬性必須要寫，對應的名稱只是表示是否啟用那個屬性）

表的各項(Table options )

定義在 jQuery.fn.bootstrapTable.defaults 文件內

function(params){
return params;}

function(res){
return res;}

列的各項(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);

本地化，切換為另一種語言(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'});

以下說明除了數字外均為中文默認顯示，本來不用寫的，只要引入就顯示中文了

上述內容就是什么是Bootstrap Table API 中文版，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。