BootStrap Table前臺和后臺分頁對JSON格式的要求

更新時間：2017年06月28日 15:03:19 作者：前端潘潘

Bootstrap是一款前端非常流行的框架，其中的表格更為大家經(jīng)常使用。下面通過本文給大家介紹BootStrap Table前臺和后臺分頁對JSON格式的要求，一起看看吧

Bootstrap是一款前端非常流行的框架，其中的表格更為大家經(jīng)常使用。大家都知道表格的分頁分為前臺和后臺分頁，也就是表格配置中sidePagination屬性，當sidePagination: "server"時表示后臺分頁，sidePagination: "client"為前臺分頁。前臺分頁主要適用于數(shù)據(jù)量不多的情況，當數(shù)據(jù)量較大時，一般使用后臺分頁，我們平時在項目中大多數(shù)使用后臺分頁。

近期做項目的時候，同事問了直接改變sidePagination: "client"時，為什么分頁功能失效，頁面無法展示json數(shù)據(jù)，隨即簡單寫了一個例子一試，還真是如此。接著就問其他同事并在網(wǎng)上搜索相關(guān)技術(shù)文章，搜了好久好久，終于在臨近下班的時候搜索到了一篇文章，原來bootstrap中的表格分頁不管是前臺還是后臺都對json中的內(nèi)容格式有要求。

前臺分頁：

sidePagination: "client"，對應的json格式必須為：
[
  {
    "id":1,
    "name":"張三",
    "age":22
  },
  ...
]

后臺分頁：

sidePagination: "server"，對應的json格式必須為：
{
   "total":20,
   "rows":[
        {
          "id":1,
          "name":"張三",
          "age":22
        },
       ...
    ]
}

以上所述是小編給大家介紹的BootStrap Table前臺和后臺分頁對JSON格式的要求，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jsonp格式前端發(fā)送和后臺接受寫法的代碼詳解
jsonp是ajax提交的一種格式不會受跨域限制，這篇文章主要介紹了jsonp格式前端發(fā)送和后臺接受寫法的代碼詳解,需要的朋友可以參考下
2019-11-11
深入理解javascript作用域第二篇之詞法作用域和動態(tài)作用域
這篇文章主要介紹了javascript作用域第二篇之詞法作用域和動態(tài)作用域的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友可以參考下
2016-07-07
uniApp獲取當前位置經(jīng)緯度的示例代碼
這篇文章主要介紹了uniApp獲取當前位置經(jīng)緯度,以下是使用uni.getLocation獲取當前位置的示例代碼,需要的朋友可以參考下
2024-01-01
JavaScript實現(xiàn)代碼雨效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)代碼雨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
js導出Excel表格超出26位英文字符的解決方法ES6
下面小編就為大家?guī)硪黄猨s導出Excel表格超出26位英文字符的解決方法ES6。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助
2017-11-11
微信小程序?qū)崿F(xiàn)一張或多張圖片上傳（云開發(fā)）
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一張或多張圖片上傳，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
用JS實現(xiàn)輪播圖效果（二）
這篇文章主要介紹了用JS實現(xiàn)輪播圖效果（二）的相關(guān)資料,需要的朋友可以參考下
2016-06-06
javascript的動態(tài)加載、緩存、更新以及復用（一）
在做OA、MIS、ERP等信息管理類的項目,經(jīng)常會遇到引用很多js文件，這就需要用到動態(tài)加載、緩存、更新以及復用等技術(shù)，下面我們來討論下
2014-06-06
javascript 日期時間轉(zhuǎn)換的方法
javascript 日期時間轉(zhuǎn)換的方法，需要的朋友可以參考一下
2013-02-02
js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼
要保留小數(shù)點后N位的問題，經(jīng)過一番思索，終于解決了，這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼，感興趣的朋友可以參考一下
2016-07-07