bootstrapTable自定义表头模板
发布日期:2022-03-04 12:48:41 浏览次数:30 分类:技术文章

本文共 2565 字,大约阅读时间需要 8 分钟。

1.效果:

在这里插入图片描述

2.代码

columns: [	        [	            {
title: "指标名称", field: '', valign:"middle", align:"center", rowspan: 2 }, {
title: "计量单位", valign:"middle", align:"center", colspan: 3 }, {
title: "单位换算系数", field: '', valign:"middle", align:"center", rowspan: 2 }, {
title: "代码", field: '', valign:"middle", align:"center", rowspan: 2 }, {
title: "本期", valign:"middle", align:"center", colspan: 3 }, {
title: "上期", valign:"middle", align:"center", colspan: 3 }, ], [ {
title: "指标单位", field: '', valign:"middle", align:"center", }, {
title: "子项单位", field: '', valign:"middle", align:"center", }, {
title: "目项单位", field: '', valign:"middle", align:"center", }, {
title: "指标值", field: '', valign:"middle", align:"center", }, {
title: "子项值", field: '', valign:"middle", align:"center", }, {
title: "母项值", field: '', valign:"middle", align:"center", }, {
title: "指标值", field: '', valign:"middle", align:"center", }, {
title: "子项值", field: '', valign:"middle", align:"center", }, {
title: "母项值", field: '', valign:"middle", align:"center", }, ] ],

3.可能的问题

表头与内容未对齐处理:

table{
table-layout:fixed; word-break:break-all; }

转载地址:https://blog.csdn.net/qq_44308920/article/details/122232238 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:jQuery按钮切页样式
下一篇:ajax顺序请求数据之递归获取数据

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年04月07日 06时09分18秒