boostrap-table分页排序

发表于 | 分类于 |

  • boostrap-table分页有两种，一种是利用fommart函数的index参数，进行自增参数。这种的简单易操作，适用于序号仅表示行号的情况。

    1
    2
    3
    4
    5
    6
    field: '',
    title: '序号',
    align:"center",
    formatter:function (value,row,index) {
        return index+1;
    }

  • 但是在某些情况下可能需要分页后页码依然连续，这在boostrap-table本事是无法进行实现的，所以需要自定义方法。

  1. 首先当前序号=（pageNum-1）*pageSize+index
  2. $(‘#tableId’).bootstrapTable(‘getOptions’).pageSize 根据getOptions属性能获取到当前的pageSize，和pageNum；
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    {
                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 ）+ 序号
                }
分享