当前位置: 首页 > 知识库问答 >
问题:

前端 - vue3项目使用element-plus的table组件,多级表头的二级表头数据是个数组问题?

魏元白
2023-08-04

二级表头的数据是个数组导致无法直接使用el-table-column进行多级表头,我现在使用表格嵌套,会出现每个单元格里还有个表头,显得很突兀。有没有大佬指点下?
如图:
image.png
代码:
image.png
image.png

想要达到的效果:
88085dfdc21e5b5e98c5f845a9928d5.jpg

共有2个答案

谭桐
2023-08-04

多级表头
数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系。
只需要将el-table-column 放置于el-table-column 中,你可以实现组头
plus的文档里有的呀 只要不写label就行了

柴兴贤
2023-08-04

这种复杂表格建议用vxe-table, element-plus不太好搞:

https://vxetable.cn/v4/#/table/grid/group
https://vxetable.cn/v4/#/table/advanced/span

vxe-table只要数据结构搞好了就行了

 类似资料: