今天給大家分享一個十分有趣的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)花費(fèi)了我大量的時候，而且還沒有得到好的回報。

終于苦苦找尋下終于找到這款插件：

基于bootstrap-table開發(fā)的表格

上面的表格實現(xiàn)全表格搜索，各個字段排序，點擊單選，支持多選，分頁。

而我只是進(jìn)行了簡單的配置，話不多說，直接上代碼(好奇，簡書上不了代碼啊)。

html

css

js

剛開始寫好是沒有數(shù)據(jù)的，需要從服務(wù)器上獲取數(shù)據(jù)使用 ： $("#file-table").bootstrapTable("load",res); 其中res是從服務(wù)器獲取的json數(shù)據(jù)

僅做記錄，方便以后使用時能快速回憶起來。 也強(qiáng)力推薦給大家。