天天看點

Bootstrap table的基本使用總結

最近在學習BootStrap建構頁面,現記錄BootStrap table 的一些基本使用如下:

HTML檔案:

JS檔案:

效果如下:

Bootstrap table的基本使用總結

 這裡關于分頁,特别強調一下:

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

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

或者js中的

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

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

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

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

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

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