bootstrap-table做表格只出现前几列数据
$("#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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
你的data数据是有问题的,请注意检查。
请把
"title": "既往史",
中的colspan
改成12