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
},
...
]
}