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