bootstrap table 表头单元格合并无效
问题遇到的现象和发生背景
请教各位大老板，我想表格布局，并在表格的上面和下面添加标题和图片，有类似的案例或者方法吗？
使用bootstrap tab插件 在布局表格时候，我整体写代码没有生成表格，于是先写表头，从左到右一点一点写，左上角的两行，五个列，成功；j接着写就没有生成表格，
问题相关代码，请勿粘贴截图
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<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.1
AAA11111",
// valign:"middle",
// colspan: 1,
// rowspan: 1
},
{
field: "chanliang",
align:"center",
title: "计划产量2.2
AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "实际产量2.3
AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "差额2.4
AAA11111",
// valign:"middle",
//align:"center"
},
{
field: "chanliang",
align:"center",
title: "停台分析2.5
AAA11111",
// valign:"middle",
//align:"center"
}
]
]
})
script>
body>
html>