概述
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列表页展示合并单元格所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复