1. 程式人生 > >bootstrap-table前臺和後臺分頁對json格式的要求

bootstrap-table前臺和後臺分頁對json格式的要求

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格式的要求