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: