1. 程式人生 > 其它 >bootstrap table 前端分頁(client)和服務端分頁(server)的配置項差別

bootstrap table 前端分頁(client)和服務端分頁(server)的配置項差別

前端分頁

sidePagination: "client", //前端分頁(客戶端)
dataField: "count", // 返回的資料必須寫死"count"
totalField: 'data', // 返回的資料必須寫死"data"

前端分頁方式是要求返回的資料中 寫死count 和 data 的,用 其它都不行。

伺服器分頁

sidePagination: "server", //後端分頁(服務端)
dataField: "total", // 預設用"total",可自定義,前後端相同即可
totalField: 'rows', // 預設用"rows",可自定義,前後端相同即可

不同分頁時的序號

// 當採用客戶端分頁時,直接返回“index+1”就是序號了。
{ title: 'No', field: '', align: 'center',
  formatter: function (value, row, index) { 
    return index+1;
  }
}
 
 
// 當採用服務端分頁時,可以採用下面寫法
{ title: 'No', field: '', align: 'center',
    formatter: function (value, row, index) {
        var pageSize = $('#table_datalist
').bootstrapTable('getOptions').pageSize; //每頁數量 var pageNumber = $('#table_datalist').bootstrapTable('getOptions').pageNumber; //第幾頁 return pageSize * (pageNumber - 1) + index + 1; } }