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

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值