Skip to content

Tools

Bootstrap table

官網：Bootstrap Table · An extended table to the integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)

基於要把 WebForm 改版成 row 可點選展開的樣式，加上時間問題，因此選擇現成解法。
當然因為這個解法目前個人寫起來容易有 XSS 問題，所以未來還要再改版一次...

目前最新版是 1.24.0
之前的意外放了 CSS v1.23.5 + JS v1.15.5，後來察覺不對就調成一致用最新版了。

目前觀察到的版本升級差異：
1. 舊版沒有 expandRowByUniqueId 跟 collapseRowByUniqueId，只有 expandRow 跟 collapseRow。
2. 展開收合 row 的 icon 從 fontawesome 改成使用 bootstrap-icon，這問題耗了我一些時間，直到猜出問題所在...

基本製作參考了 Bootstrap Table 響應式表格. 前言 | by 鯫生's Coding World | Medium