element|element table多层嵌套显示的实践 elementtable多层嵌套显示的实践

有个需求是一个列表，里面包含多个单子，每个单子可以是唯一，也可以是多个合并之后的，而且每个单子下面显示的是另外一个表格，来上图

文章图片

每行的操作还不一样，然后通过官网的一些例子总结了一下合并代码

.app-container {::v-deep {.el-table th {background: #ddeeff; }.el-table__expanded-cell {border-bottom: 0px; border-right: 0px; padding: 0px 0px 0px 47px; }}.table-in-table {border-top: 0px; }}

【element|element table多层嵌套显示的实践】注：需要注意一点的是，这里面的孩子节点不能用children，因为官方默认是children，所以会出现别的下拉组件
设置td宽度的时候，需要注意的是里面跟外层的差47.8
到此这篇关于element table多层嵌套显示的实践的文章就介绍到这了,更多相关element table多层嵌套内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！