bootstrap-table做表格只出现前几列数据

发布于 2022-09-07 22:42:14 字数 3071 浏览 14 评论 0

clipboard.png
$("#table2").bootstrapTable({

data: [{
    "name": "ce",
    "1": "10",
    "2": "29%",
    "3": "10",
    "4": "29%",
    '5': '2222',
    '6': 'aa',
    '7': 'ww',
    '8': 'aa',
    '9': '222',
    'total':'1111'
}, {
    "name": "ce",
    "1": "10",
    "2": "29%",
    "3": "10",
    "4": "29%",
    '5': '2222',
    '6': 'aa',
    '7': 'ww',
    '8': 'aa',
    '9': '222',
    'total':'1111'
}],
columns: [
    [{
        "title": "既往史",
        "halign": "center",
        "align": "center",
        "colspan": 5
    }],
    [{
            field: 'name',
            title: "分类",
            valign: "center",
            align: "center",
            colspan: 1,
            rowspan: 2
        },
        {
            title: "高血压",
            valign: "middle",
            align: "center",
            colspan: 2,
            rowspan: 1
        },
        {
            title: "糖尿病",
            valign: "middle",
            align: "center",
            colspan: 2,
            rowspan: 1
        },
        {
            title: "高脂血症",
            valign: "middle",
            align: "center",
            colspan: 2,
            rowspan: 1
        },
        {
            title: "心绞痛",
            valign: "middle",
            align: "center",
            colspan: 2,
            rowspan: 1
        },
        {
            title: "心肌梗死",
            valign: "middle",
            align: "center",
            colspan: 2,
            rowspan: 1
        },
        {
            field: 'total',
            title: "合计",
            valign: "middle",
            align: "center",
            colspan: 1,
            rowspan: 2
        }
    ],
    [{
            field: '1',
            title: '数量',
            valign: "middle",
            align: "center"
        },
        {
            field: '2',
            title: '占比',
            valign: "middle",
            align: "center"
        },
        {
            field: '3',
            title: '数量',
            valign: "middle",
            align: "center"
        },
        {
            field: '4',
            title: '占比',
            valign: "middle",
            align: "center"
        },
        {
            field: '5',
            title: '数量',
            valign: "middle",
            align: "center"
        },
        {
            field: '6',
            title: '占比',
            valign: "middle",
            align: "center"
        },
        {
            field: '7',
            title: '数量',
            valign: "middle",
            align: "center"
        },
        {
            field: '8',
            title: '占比',
            valign: "middle",
            align: "center"
        },
        {
            field: '9',
            title: '数量',
            valign: "middle",
            align: "center"
        },
        {
            field: '10',
            title: '占比',
            valign: "middle",
            align: "center"
        }
    ]
]

})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

蓝天白云 2022-09-14 22:42:14

你的data数据是有问题的,请注意检查。图片描述

九命猫 2022-09-14 22:42:14

请把 "title": "既往史",中的colspan改成12

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文