這是BootStrap-table.js下載,之前一直在忙著各種什么效果,殊不知最基礎(chǔ)的Bootstrap Table用法都沒有涉及,罪過,罪過。今天補起來吧。上午博主由零開始自己從頭到尾使用了一遍Bootstrap Table ,遇到不少使用方面的問題,也做了一部分筆記,在此分享出來供需要使用的園友參考。還記得前兩天有園友加群問我Bootstrap Table的使用問題,呵呵,巧了,今天博主也遇到同樣的問題了,在此還是要表示抱歉,沒有將這篇提前發(fā)出來。
BootStrap-table.js是在bootstrap-table的基礎(chǔ)上寫出來的,專門用于顯示數(shù)據(jù)的表格插件。而bootstrap是來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,具有簡便靈活,快速前端開發(fā)的優(yōu)勢。對與bootstrap在此就不在敘述。本文將著重講解自己在項目中使用到bootstrap-table的一些理解和如何學習它。
1、直接下載源碼,添加到項目里面來。
由于Bootstrap Table是Bootstrap的一個組件,所以它是依賴Bootstrap的,我們首先需要添加Bootstrap的引用。
2、使用我們神奇的Nuget
打開Nuget,搜索這兩個包
Bootstrap已經(jīng)是最新的3.3.5了,我們直接安裝即可。
而Bootstrap Table的版本竟然是0.4,這也太坑爹了。所以博主建議Bootstrap Table的包就直接在源碼里面去下載吧。Bootstrap Table最新的版本好像是1.9.0。
在開發(fā)經(jīng)歷中,也使用Jqgrid、EasyUI等表格組件。相比而言,bootstrap Table有自己的優(yōu)勢:
1、界面采用扁平化的風格,用戶體驗比較好,更好兼容各種客戶端。這點也是最重要的。
2、開源、免費。國人最喜歡的就是免費了。呵呵。
3、相對Jqgrid、easyUI而言,比較輕量級。功能不能說最全面,但基本夠用。
如果大家還想深入學習,可以點擊這里進行學習,再為大家附兩個精彩的專題:Bootstrap學習教程 Bootstrap實戰(zhàn)教程 Bootstrap Table使用教程
最近新補充的一系列bootstrap基礎(chǔ)教程,歡迎大家學習。
以上就是本文的全部內(nèi)容,希望能夠幫助大家更好的學習JS表格組件神器bootstrap table。