bootstraptable 合并行数据并居中对齐

最新推荐文章于 2024-07-07 02:58:35 发布

不吃鱼的猫咪

最新推荐文章于 2024-07-07 02:58:35 发布

阅读量1.7w

点赞数

分类专栏： web前端文章标签： bootstrap-table 合并行 rowspan

本文链接：https://blog.csdn.net/u012612399/article/details/76158371

版权

web前端专栏收录该内容

40 篇文章 2 订阅

订阅专栏

渲染表格后进行数据行合并

onLoadSuccess: function (data) {
   $('#tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3});
}

整体代码

$('#tableStyle').bootstrapTable({
            url: '/table/tableStyle',
            method:'post',
            pagination: true, //分页
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false, //显示搜索框
            sidePagination: "server", //服务端处理分页
            onLoadSuccess: function (data) {
                $('#tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3});
            },
            columns: [{
                field: '',
                checkbox:true
            }, {
                field: 'name',
                title: '名称'
            }, {
                field: 'price',
                title: '价格'
            }]
        });