码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap table 分页序号递增问题 (转)

时间:2019-04-09 12:43:53      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:getopt   win   ons   问题   page   地址   option   field   column   

原文地址:https://segmentfault.com/q/1010000011040346

如题,怎么在bootstrap table中显示序号,序号递增,并且分页有效,等于是每页10条,第2页的序号可以从11开始到20。
之前的是这样写的columns的序号:

columns:[{
                 field: ‘序号‘,
                 title: ‘number‘,
                 width:5 ,
                 align:‘center‘,
                 switchable:false,
                 formatter:function(value,row,index){
                     return index+1;//这样的话每翻一页都会重新从1开始,
                 }
        }]

怎么能让序号翻页之后也能继续递增,而不是由从1开始递增?

这个问题自己解决了,方式如下:

columns:[{
            field: ‘number‘,
            title: ‘序号‘,
            width:5 ,
            align:‘center‘,
            switchable:false,
            formatter:function(value,row,index){
                //return index+1; //序号正序排序从1开始
                var pageSize=$(‘#tableId‘).bootstrapTable(‘getOptions‘).pageSize;//通过表的#id 可以得到每页多少条
                var pageNumber=$(‘#tableId‘).bootstrapTable(‘getOptions‘).pageNumber;//通过表的#id 可以得到当前第几页
                return pageSize * (pageNumber - 1) + index + 1;    //返回每条的序号: 每页条数 * (当前页 - 1 )+ 序号
            }
        }]

 

bootstrap table 分页序号递增问题 (转)

标签:getopt   win   ons   问题   page   地址   option   field   column   

原文地址:https://www.cnblogs.com/wl1202/p/10675977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!