Bootstrap Table 使用教程基础篇 之 显示连续序号

  • A+
所属分类:Bootstrap Table

Bootstrap Table 使用教程基础篇 之 显示连续序号

Html

  1. <table id="table" data-url=""></table>

JavaScript

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

发表评论

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