bootstrap 列表前添加序号 1.10版本

参数对照表：http://datatables.club/upgrade/1.10-convert.html

如题，怎么在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 ）+ 序号
            }
        }]

 1.9.4添加序列方法：

$(document).ready(function() {
    var t = $('#example').DataTable( {
        "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": 0
        } ],
        "order": [[ 1, 'asc' ]]
    } );
 
    t.on( 'order.dt search.dt', function () {
        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
            cell.innerHTML = i+1;
        } );
    } ).draw();
} );

https://datatables.net/examples/api/counter_columns.html

 

转载于:https://www.cnblogs.com/5icuke/p/8023673.html