bootstrap table 前端分頁(client)和服務端分頁(server)的配置項差別
阿新 • • 發佈:2021-11-27
前端分頁
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; } }