今天給大家分享一個十分有趣的js插件,bootstrap-table --- 基于 bootstrap 樣式的table插件
官網(wǎng):?bootstrap-table參考文檔
首先說說為什么要使用這款插件畜隶,以及者款插件適用的場景(個人觀點)
首先我們在日常適用table元素的時候會遇上以下幾個問題
1.數(shù)據(jù)分頁
2.表頭固定
3.數(shù)據(jù)統(tǒng)計
4.排序
......等等
我曾經(jīng)試過自己寫css和js來實現(xiàn)這些功能壁肋,首先不說好不好看,當(dāng)當(dāng)實現(xiàn)起來就已經(jīng)花費了我大量的時候籽慢,而且還沒有得到好的回報浸遗。
終于苦苦找尋下終于找到這款插件:
上面的表格實現(xiàn)全表格搜索,各個字段排序箱亿,點擊單選跛锌,支持多選,分頁届惋。
而我只是進(jìn)行了簡單的配置察净,話不多說驾茴,直接上代碼(好奇,簡書上不了代碼啊)氢卡。
剛開始寫好是沒有數(shù)據(jù)的,需要從服務(wù)器上獲取數(shù)據(jù)使用 : $("#file-table").bootstrapTable("load",res); 其中res是從服務(wù)器獲取的json數(shù)據(jù)
僅做記錄晨缴,方便以后使用時能快速回憶起來译秦。 也強(qiáng)力推薦給大家。