我是靠谱客的博主 爱笑苗条,最近开发中收集的这篇文章主要介绍bootstrap列表页展示合并单元格,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

bootstrap列表页展示合并单元格

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

页面展示效果

页面代码

$(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);
        });

最后

以上就是爱笑苗条为你收集整理的bootstrap列表页展示合并单元格的全部内容,希望文章能够帮你解决bootstrap列表页展示合并单元格所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(40)

评论列表共有 0 条评论

立即
投稿
返回
顶部