标签：index 分页 pageSize bootstrap server pageNumber table 服务端

前端分页

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;
    }
}

标签：index,分页,pageSize,bootstrap,server,pageNumber,table,服务端
来源： https://www.cnblogs.com/wfy680/p/15612871.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。