Bootstrap table的一些簡單使用總結

構造方式

1 、HTML

2 、 js構造：

結合官網上展示的Table options，Column options，Events，Methods可以完成很多功能。上面的data-formatter ，data-events就是Column options中的選項 。

data-formatter 和 data-events

要實作如下效果，用上面兩個option配合使用即可，一個定義格式，一個定義點選的操作。

直接上js代碼

伺服器分頁/用戶端分頁的轉換，table重新整理

bootstrap預設是用戶端分頁 ，可通過html标簽

或者js中的

指定。注意，這兩種背景傳過來的json資料格式也不一樣

client : 正常的json array格式 [{},{},{}]

server： {“total”:0,”rows”:[]} 其中total表示查詢的所有資料條數，後面的rows是指目前頁面展示的資料量。

有事需要根據情況改變分頁方式，就要用到Methods中的

‘refreshOptions’ //設定更新時候的options

‘refresh’ //設定更新時的 url ,query(往背景傳參數)