前端bootstrap 序号展示

  1. {  
  2.             field : 'Number',  
  3.             title : '序号',  
  4.             align: 'center',  
  5.             width: 20,  
  6.             formatter : function(value, row, index) {  
  7.                 //return index + 1;  
  8.                 var pageSize=$('#parent_table').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条  
  9.                 var pageNumber=$('#parent_table').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页  
  10.                 return pageSize * (pageNumber - 1) + index + 1;//返回每条的序号: 每页条数 * (当前页 - 1 )+ 序号  
  11.             }  
  12.         }, 
  13. 支持分页时,点击下一页,序号不会再次从1开始,而是依次叠加,直接将这段代码放在 bootstrap table中设置列显示的对应位置即可。

你可能感兴趣的:(bootstrap,前端bootstrap,序号展示)