问题遇到的现象和发生背景
请教各位大老板,我想表格布局,并在表格的上面和下面添加标题和图片,有类似的案例或者方法吗?
使用bootstrap tab插件 在布局表格时候,我整体写代码没有生成表格,于是先写表头,从左到右一点一点写,左上角的两行,五个列,成功;j接着写就没有生成表格,
问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-table.css">
<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-table-zh-CN.js"></script>
<h2>各区域统计表</h2>
<div id="111">
图片链接
</div>
<style type="text/css">
.table{
table-layout:fixed !important;
}
</style>
<table id="table">
</table>
<script>
$("#table").bootstrapTable({
columns:[
[
{
"title": "标题--产量统计表testaaaaaa",
"halign":"center",
"align":"center",
"colspan": 10,
// "rowspan": 1
}
],
[
{
field: 'chanliang',
title:"111产量AAA11111",
valign:"middle",
align:"center",
// colspan: 1,
// rowspan: 1
},
{
field:"kedong",
title:"222可动率test",
valign:"middle",
align:"center",
// colspan: 1,
rowspan: 2
},
{
field: "mubiao",
title: "333目标产量test",
valign:"middle",
align:"center",
// colspan: 1,
rowspan: 2
},
{ field: "shiji",
title: "444实际产量test",
valign:"middle",
align:"center",
// colspan: 1,
rowspan: 2
},
{
field: "chae",
title: "555差额test",
valign:"middle",
align:"center",
// colspan: 1,
rowspan: 2
},
{
field: "ziti",
title: "666自提test",
//valign:"middle",
//align:"center",
colspan: 5
},
],
[
{
field: "chanliang",
align:"center",
title: "区域2.1AAA11111",
// valign:"middle",
// colspan: 1,
// rowspan: 1
},
{
field: "chanliang",
align:"center",
title: "计划产量2.2AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "实际产量2.3AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "差额2.4AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "停台分析2.5AAA11111",
// valign:"middle",
//align:"center"
}
]
]
})
</script>
</body>
</html>