<el-table-column label="信息" colspan="3"></el-table-column>合并表头列无效
时间: 2023-12-23 17:03:29 浏览: 337
如果在 ElementUI 中使用 `colspan` 属性合并表头列无效,可能是因为你没有在表头中加入子列。在 ElementUI 中,如果需要合并表头列,需要在表头 `el-table-column` 标签下再添加子列 `el-table-column` 标签,并在子列上设置 `colspan` 属性。例如,如果你要在表头第二列中合并三列单元格,应该这样写:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" rowspan="2"></el-table-column>
<el-table-column label="信息">
<el-table-column label="信息1" prop="info1"></el-table-column>
<el-table-column label="信息2" prop="info2"></el-table-column>
<el-table-column label="信息3" prop="info3"></el-table-column>
</el-table-column>
<el-table-column prop="age" label="年龄" rowspan="2"></el-table-column>
</el-table>
```
上面的代码中,我们在第二列的 `el-table-column` 标签下添加了三个子列 `el-table-column` 标签,并在第二列的父级标签上设置了 `colspan="3"` 属性,表示需要合并三列单元格。
如果你还是无法解决问题,请检查代码中是否有语法错误或其他问题。
阅读全文
相关推荐

因为要做个网站,里面的内容除了大段文字之外,还有大量的表格,这就发现了表格排版的问题。
一般简单的表格,例如:
这种形式就比较简单,只要简单地将 (或者 就行了
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

















