elementUI中 el-table 表格单元格非固定层级嵌套导致的高度自适应及单元格匹配对齐
遇到一个问题,ElementUI 下 el-table 表格单元格的高度自适应问题,及子单元格的层级对齐问题
要求实现为这个样子
图片上可以看到有的单元格内嵌套的是多条数据,且不固定条数,例如评价维度列,为实现图二的效果,我这边对单元格及其子元素进行了定位处理,其子元素(渲染出来的div.cell)设置最小高度为100%,但是这种情况会导致高度塌陷,于是我为评价维度列的单元格子元素设置了取消定位,其他单元格子元素正常定位,这里这么操作是为了把单元格撑开(el-table渲染的时候行的高度默认跟随
原创
2020-10-11 10:50:41 ·
1905 阅读 ·
2 评论