多级表头是表格相关需求中常见的一种场景。数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系。
通过仔细阅读Element-UI
官方文档,发现,通过嵌套el-table-column
的方法,可以实现复合表头效果,以下是示例。
效果示例图
示例代码
<el-table-column align="center" label="labelOut"><el-table-column align="center" prop="prop1" label="labelIn1"></el-table-column><el-table-column align="center" label="labelIn2" prop="prop2"></el-table-column><el-table-column align="center" prop="prop3" label="labelIn3"></el-table-column>