zoukankan      html  css  js  c++  java
  • bootstrap 列表前添加序号 1.10版本

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

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

     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

  • 相关阅读:
    MATLAB01
    Diffie-Hellman 密钥交换
    古典密码
    正则表达式
    装饰器初析
    进制转换的栈实现
    Log4j(异常日志)
    2018/6/6
    2018.1.1T19B3-u4
    2018.1.1T19-B3-U3jiangyi
  • 原文地址:https://www.cnblogs.com/5icuke/p/8023673.html
Copyright © 2011-2022 走看看