bootstrap列表页展示合并单元格

分手后的思念是犯贱 2022-10-20 14:57 13阅读 0赞

### bootstrap列表页展示合并单元格 ###

*   *  页面展示效果
     *  页面代码

## 页面展示效果 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG41NjU5NzM4NTA_size_16_color_FFFFFF_t_70][]

## 页面代码 ##

$(function() {
                var options = {
                    url: prefix + "/list",
    				exportUrl: prefix + "/export",
                    modalName: "初级报分数据",
    		        showExport: false,
                    columns: [
    				[{
    					field : 'userName',
    					title : '用户名',
    					colspan : 1,
    					rowspan : 2
    				},
    				{
    					field : 'year',
    					title : '年份',
    					colspan : 1,
    					rowspan : 2
    				},
    				{
    					field : 'goodsLevel',
    					title : '商品等级',
                        colspan : 1,
                        rowspan : 2
    				},
    				{
    					field : 'activateDate',
    					title : '激活时间',
                        colspan : 1,
                        rowspan : 2
    				},
    				{
    					field : 'learningRate',
    					title : '学习进度(%)',
                        colspan : 1,
                        rowspan : 2
    				},
    				{
    					field : 'listeningDuration',
    					title : '听课(h)',
                        colspan : 1,
                        rowspan : 2
    				},
    				{
    					field : 'questionNumber',
    					title : '刷题',
                        colspan : 1,
                        rowspan : 2
    				},
    				{
    					field : '',
    					title : '初级会计实务',
                        align : 'center',
    					colspan : 3,
    					rowspan : 1
    				},
    				{
    					field : '',
    					title : '经济法基础',
                        align : 'center',
    					colspan : 3,
    					rowspan : 1
    				},
    				{
    					field : 'isValid',
    					title : '反馈',
    					colspan : 1,
    					rowspan : 2
    				},
    				{
    					field : 'createBy',
    					title : '其他',
    					colspan : 1,
    					rowspan : 2
    				}],
    				[{
    					field : 'listeningNumber', 
    					title : '实际分数'
    				},
    				{
    					field : 'paperNumber', 
    					title : '预估分数'
    				},
    				{
    					field : 'questionNumber', 
    					title : '正确率'
    				},
    				{
    					field : 'showTeachers', 
    					title : '实际分数'
    				},
    				{
    					field : 'allKnowledge', 
    					title : '预估分数'
    				},
    				{
    					field : 'masterKnowledge', 
    					title : '正确率'
    				}]
    				]
                };
                $.table.init(options);
            });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG41NjU5NzM4NTA_size_16_color_FFFFFF_t_70]: /images/20221020/5335ece8fde0432aac616c7ea84d30a1.png