0
点赞
收藏
分享

微信扫一扫

若依框架表格生成序号的方法

方法一、自带方法

            columns: [{
                checkbox: true
            },
                {
                    field: 'id',
                    title: 'ID',
                    visible: false
                },
                {
                    field: '序号临时',
                    title: '序号临时'                    ,
                    formatter: function (value, row, index) {
                        return $.table.serialNumber(index,"bootstrap-table");
                    }
                },

或者写成,此为框架文档介绍的写法

                {   title: "序号",
                    formatter: function (value, row, index) {
                    return $.table.serialNumber(index);
                }
                },

方法二、其他方法,可以借鉴到其他框架中

 {
                    title: '序号',
                    field: '',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var pageSize = $('#bootstrap-table').bootstrapTable('getOptions').pageSize;     //通过table的#id 得到每页多少条
                        var pageNumber = $('#bootstrap-table').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
                        return pageSize * (pageNumber - 1) + index + 1;    // 返回每条的序号: 每页条数 *(当前页 - 1 )+ 序号
                    }
                },


以上方法均实现了:

翻页的时候,序号继续叠加的功能

注意序号不好放在ID之前

备注:表格中设置一下ID列为唯一列后,有可能ID可以不放在第一列,未测试

举报

相关推荐

0 条评论