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)站的支持!
- bootstrap table表格插件之服務器端分頁實例代碼
- bootstrap table 服務器端分頁例子分享
- bootstrap-table后端分頁功能完整實例
- Bootstrap table分頁問題匯總
- 第一次動手實現(xiàn)bootstrap table分頁效果
- bootstrap table插件的分頁與checkbox使用詳解
- BootStrap中Table分頁插件使用詳解
- bootstrap table分頁模板和獲取表中的ID方法
- 使用bootstraptable插件實現(xiàn)表格記錄的查詢、分頁、排序操作
- bootstrap-table實現(xiàn)服務器分頁的示例 (spring 后臺)
- BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題
- Bootstrap table 服務器端分頁功能實現(xiàn)方法示例
相關(guān)文章
JavaScript中關(guān)于e.keycode的使用
這篇文章主要介紹了JavaScript中關(guān)于e.keycode的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12原生js和jQuery隨意改變div屬性style的名稱和值
用原生js和jQuery實現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果,這個實例比較實用,新手朋友們可以看看2014-10-10JavaScript使用Max函數(shù)返回兩個數(shù)字中較大數(shù)的方法
這篇文章主要介紹了JavaScript使用Max函數(shù)返回兩個數(shù)字中較大數(shù)的方法,涉及javascript中Max函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04服務端渲染nextjs項目接入經(jīng)驗總結(jié)分析
這篇文章主要為大家介紹了服務端渲染nextjs項目接入經(jīng)驗總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結(jié)合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2018-05-05