bootstrap table使用指南

Bootstrap table是國人開發的一款基於 Bootstrap 的 jQuery 表格插件，經過簡單的設置，就能夠擁有強大的單選、多選、排序、分頁，以及編輯、導出、過濾（擴展）等等的功能。

目前在github上已經有2600多個Star，可見其受歡迎程度。其官方網站地址 爲：http://bootstrap-table.wenzhixin.net.cn/。裏面能夠下載使用所需的JS和CSS文件，以及參考文檔和例子。

• 支持 Bootstrap 3 和 Bootstrap 2
• 自適應界面
• 固定表頭
• 很是豐富的配置參數
• 直接經過標籤使用
• 顯示/隱藏列
• 顯示/隱藏表頭
• 經過 AJAX 獲取 JSON 格式的數據
• 支持排序
• 格式化表格
• 支持單選或者多選
• 強大的分頁功能
• 支持卡片視圖
• 支持多語言

Bootstrap-Table顯示數據到表格的方式有兩種，一種是客戶端（client）模式，一種是服務器（server）模式。
所謂客戶端模式，指的是在服務器中把要顯示到表格的數據一次性加載出來，而後轉換成JSON格式傳到要顯示的界面中，在JavaWeb中能夠保存在request中，而後轉發到指定界面，在界面初始化的時候使用EL表達式獲取，而後調用相關初始化的函數，將JSON字符串傳進去便可顯示。客戶端模式較爲簡單，它是把數據一次性加載出來放到界面上，而後根據你設置的每頁記錄數，自動生成分頁。當點擊第二頁時，會自動加載出數據，不會再向服務器發送請求。同時用戶能夠使用其自帶的搜索功能，能夠實現全局數據搜索。對於數據量較少的時候，能夠使用這個方法。可是對於數據量大的系統，使用該方法會形成加載出一些好久以前的，用戶不在關注的數據，使得加載速度變慢，增長了服務器的負擔，浪費了資源。這時應該採用服務器模式。
所謂服務器模式，指的是根據設定的每頁記錄數和當前要顯示的頁碼，發送數據到服務器進行查詢，而後再顯示到表格中。該方法能夠根據用戶的須要動態的加載數據，節省了服務器的資源，可是不能使用其自帶的全數據搜索功能。由於你加載的數據只是一頁的數據，因此全數據搜索的範圍也只在一頁之中。
客戶端模式較爲簡單，讀者可根據官方文檔和例子自行實踐。這裏主要介紹服務器模式，並能夠實現帶參數的查詢。

直接使用免費且穩定的cdn服務

如：Bootstrap中文網開源項目免費 CDN 服務，搜索本身所須要的較穩定的版本。

使用visual studio自帶的包管理工具：Nuget

NuGet的官方說明是：NuGet是一款Visual Studio的擴展，它能夠簡單的安裝、升級開源庫和工具。
官網地址：http://www.nuget.org/
從官網下載安裝完成以後，就能夠在vs中使用了。

• Bootstrap 中文網：http://www.bootcss.com/
• Bootstrap Table Demo：http://issues.wenzhixin.net.cn/bootstrap-table/index.html
• Bootstrap Table API：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
• Bootstrap Table源碼：https://github.com/wenzhixin/bootstrap-table
• Boostrap Table 擴展API：http://bootstrap-table.wenzhixin.net.cn/extensions/