zoukankan      html  css  js  c++  java
  • bootstrap table 分页序号递增问题 (转)

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

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

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

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

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

    columns:[{
                field: 'number',
                title: '序号',
                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 )+ 序号
                }
            }]

     2019.4.14

    今天学到了第二种方法:

    {
                    field: '',
                    title: '序号',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var page = $('#parkingtable').bootstrapTable("getPageNo"); //id为table的id
                        return page.pageSize * (page.pageNumber - 1) + index + 1;
                    }
                }
  • 相关阅读:
    Spark API 之 map、mapPartitions、mapValues、flatMap、flatMapValues详解
    大三寒假生活9
    大三寒假生活8
    大三寒假生活7
    MySQL SQL DML (数据操作语言)
    MySQL JOIN
    Python 可执行对象
    Python __slots__
    Python tempfile (临时文件)
    Python 文件操作
  • 原文地址:https://www.cnblogs.com/wl1202/p/10675977.html
Copyright © 2011-2022 走看看