BootStrap Table显示行号,并且支持分页后依然递增

  • A+
所属分类:前端技术

bootStrap table 此处使用的是V1.9.0。之前参考网上百度的方法是:

  1. {
  2.     title: '序号',
  3.     field: '',
  4.     formatter: function (value, row, index) {
  5.         return index+1;
  6.     }
  7. }

但是尝试了下,在翻页后的第一行中,序号依然1,也就是说每翻一次页,序号都是从1开始增加的,这样显然不合需求。当然,还有修改源码的,可能版本不同,修改源码我尝试并没有什么作用。于是,又各种百度,终于找到方法,现记录下:

  1. columns: [
  2.     {
  3.         title: '序号',
  4.         field: '',
  5.         align: 'center',
  6.         formatter: function (value, row, index) {
  7.             var pageSize = $('#table的id').bootstrapTable('getOptions').pageSize;     //通过table的#id 得到每页多少条
  8.             var pageNumber = $('#table的id').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
  9.             return pageSize * (pageNumber - 1) + index + 1;    // 返回每条的序号: 每页条数 *(当前页 - 1 )+ 序号
  10.         }
  11.     },
  12.     {
  13.         .....
  14.     }
  15. }

 

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: