bootstrap-table是在bootstrap-table的基礎(chǔ)上寫出來的，專門用于顯示數(shù)據(jù)的表格插件。而bootstrap是來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于HTML、CSS、JAVASCRIPT 的，具有簡便靈活，快速前端開發(fā)的優(yōu)勢。對(duì)與bootstrap在此就不在敘述。

jquery ，bootstrap ，bootstrap-table 三者之間的關(guān)系。bootstrap很多部分代碼涉及到了jquery的，也就是說 bootstrap是依賴jquery的，而我們要使用的bootstrap-table則是在bootstrap基礎(chǔ)上創(chuàng)造出來的，所以在使用bootstrap-table之前必須引用 jquery 和bootstrap的相關(guān)js，css文件。

接著說，bootstrap-table的特點(diǎn):與jquery-ui，jqgrid等表格顯示插件而言，bootstrap-table扁平化，輕量級(jí),對(duì)于一些輕量級(jí)的數(shù)據(jù)顯示，他是綽綽有余，而對(duì)父子表等的支持也很好，最主要的是可以與bootstrap的其他標(biāo)簽無縫組合。

下面就進(jìn)入主題：

一、Bootstrap Table使用簡單教程

二、Bootstrap Table分頁經(jīng)典教程

三、JS表格組件神器

四、Bootstrap Table使用遇到的各種問題

第一部分：Bootstrap Table使用簡單教程

1、BootStrap table使用方法分析

2、Bootstrap table使用方法解析

3、Bootstrap Table的使用總結(jié)

4、Bootstrap Table使用方法解析

5、Bootstrap Table使用方法詳解

6、JS組件Bootstrap Table使用方法詳解

7、JS組件Bootstrap Table使用實(shí)例分享

第二部分：Bootstrap Table分頁經(jīng)典教程

8、第一次動(dòng)手實(shí)現(xiàn)bootstrap table分頁效果

9、BootStrap中Table分頁插件使用詳解

10、bootstrap table 服務(wù)器端分頁例子分享

第三部分：JS表格組件神器

11、JS表格組件神器bootstrap table詳解（基礎(chǔ)版）

12、JS表格組件神器bootstrap table詳解（強(qiáng)化版）

13、JS組件系列之Bootstrap table表格組件神器【二、父子表和行列調(diào)序】

14、JS組件系列之Bootstrap table表格組件神器【終結(jié)篇】

第四部分：Bootstrap Table使用遇到的各種問題

15、Bootstrap table分頁問題匯總

16、解決JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題

17、BootStrap Table 分頁后重新搜索問題的解決辦法

18、JS表格組件BootstrapTable行內(nèi)編輯解決方案x-editable

19、BootstrapTable+KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查解決方案（三）兩個(gè)Viewmodel搞定增刪改查

…………

未完待續(xù)，更多實(shí)戰(zhàn)教程點(diǎn)擊Bootstrap實(shí)戰(zhàn)教程

以上就是針對(duì)最近Bootstrap Table使用筆記進(jìn)行的簡單梳理，大概形成了一個(gè)體系。今后小編會(huì)第一時(shí)間為大家分享最新鮮的Bootstrap Table使用資料。

其實(shí)精彩的內(nèi)容全都為大家進(jìn)行了整理，分享給大家：Bootstrap學(xué)習(xí)教程 Bootstrap插件使用教程

謝謝大家的閱讀！

最新評(píng)論