Bootstrap table 輕鬆實現多層表頭

2021-08-07 20:45:49 字數 576 閱讀 7133

在做私活的時候,有乙個需求是要在頁面上實現多層表頭。一開始有點懵,不知道怎麼來實現,我回想起在jftt的時候,曾用過flex版的多層表頭,不過那離現在已經很久遠了,久遠到flex已經被淘汰出局了。於是在網上折騰了好一會兒,終於找到一款用起來簡單,效果又很不錯的元件——bootstrap-table。

bootstrap-table還有很多強大的功能,但這篇文章我們把關注點只放在多層表頭上,關注點確定後,這篇部落格就很簡單了,但我覺得還是很有必要推而廣之——因為之前在看董卿主持的《詩詞大會》,裡面有很多基礎的知識,竟然有很多人都答不上來,搞得我一度很「囂張」,對老婆誇下海口說我也能過第一輪,但事實是我過不了——我也不會寫「碧玉妝成一樹高,萬條垂下綠絲絛(tao)」中的tao字。

#0.效果圖

#1.實現方法

>

>

>

多層表頭title

>

href

=""rel

="stylesheet"

>

Bootstrap table學習筆記

引入css檔案 引入相關庫 我們需要引入jquery庫 bootstrap庫 以及bootstrap table.js檔案 put your locale files after bootstrap table.js 啟用bootstrap table外掛程式 官方文件中給出了我們有兩種那個方式來啟...

BootstrapTable使用技巧

使用者交易 商戶名稱 日期支付寶金額 支付寶筆數 總金額總筆數 關閉 複製 通過data field 的值會從後端返回的資料直接渲染到頁面上。operateformatter function value,row,index else 複製 operateformatter和window.opera...

bootstrap table 常用方法

json物件的陣列 var rows table bootstraptable getselections tableid bootstraptable table bootstraptable refresh 踩過的坑 該方法在初次載入沒有資料的情況下會失效。table bootstraptabl...