bootstrap-table前臺和後臺分頁對json格式的要求
阿新 • • 發佈:2017-06-28
total bsp 為什麽 ros 技術 ots cli 前端 microsoft
Bootstrap是一款前端非常流行的框架,其中的表格更為大家經常使用。大家都知道表格的分頁分為前臺和後臺分頁,也就是表格配置中sidePagination屬性,當sidePagination: "server"時表示後臺分頁,sidePagination: "client"為前臺分頁。前臺分頁主要適用於數據量不多的情況,當數據量較大時,一般使用後臺分頁,我們平時在項目中大多數使用後臺分頁。
近期做項目的時候,同事問了直接改變sidePagination: "client"時,為什麽分頁功能失效,頁面無法展示json數據,隨即簡單寫了一個例子一試,還真是如此。接著就問其他同事並在網上搜索相關技術文章,搜了好久好久,終於在臨近下班的時候搜索到了一篇文章,原來bootstrap中的表格分頁不管是前臺還是後臺都對json中的內容格式有要求。
前臺分頁:
sidePagination: "client",對應的json格式必須為:
[
{
"id":1,
"name":"張三",
"age":22
},
...
]
後臺分頁:
sidePagination: "server",對應的json格式必須為:
{
"total":20,
"rows":[
{
"id":1,
"name":"張三",
"age":22
},
...
]
}
bootstrap-table前臺和後臺分頁對json格式的要求