实现第四列第五列表头合并,但是下面的字段是分开的
<el-table
ref="table"
v-loading="loading"
:data="tableData"
border
:header-cell-style="tableHeader"
>
<el-table-column
label="表头1"
align="center"
width="170"
prop="bt1"
show-overflow-tooltip
/>
<el-table-column
label="表头2"
align="center"
width="140"
prop="bt2"
show-overflow-tooltip
/>
<el-table-column
label="表头3"
align="center"
width="150"
prop="bt3"
show-overflow-tooltip
/>
<el-table-column
label="表头4"
align="center"
width="170"
prop="bt4"
show-overflow-tooltip
/>
<el-table-column
label="表头5"
align="center"
width="170"
prop="bt5"
show-overflow-tooltip
/>
</el-table>
tableHeader({ row, columnIndex }) {
row[3].colSpan = 2
row[4].colSpan = 0
if (columnIndex == 4) {
return {
display: 'none'
}
}
}