多级表头 el-table-column的使用

使用饿了么的时候，用到了table表格，继而想要实现表格的多级表头功能，通过查阅官方文档发现了el-table-column这个属性这个属性可以实现两个效果：1.如我刚才说的实现表格的多级表头功能，数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。只需要在el-table-column里面嵌套el-table-column，就可以实现多级表头。如：<el-table-column

写前端的小臧

9319人浏览 · 2021-12-03 09:02:15

写前端的小臧 · 2021-12-03 09:02:15 发布

使用饿了么的时候，用到了table表格，继而想要实现表格的多级表头功能，通过查阅官方文档发现了el-table-column这个属性

如我刚才说的实现表格的多级表头功能，数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。只需要在 el-table-column 里面嵌套 el-table-column，就可以实现多级表头。如：

<el-table-column prop="clientType" label="客户类型">
        <el-table-column prop="CustomerTypeNumber" label="客户类型编号" width=
        "80"/>
        <el-table-column prop="clientType" label="客户类型" width="80"/>
        <el-table-column prop="CustomerDescription" label="客户描述" width="150"/>
      </el-table-column>

如此就能实现效果