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

標籤：ide   內容   一個   表格   bootstra   網上   client   string   其他   

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