问题描述:在table的行中使用折叠面板,同时table的column使用了fixed,折叠面板展开时fixed行高并没有自适应 解决思路:万事先百度,https://github.com/ElemeFE/element/issues/12078,在issues上找到类似情况的,不过有点区别就是我使用折叠面板,高度变化有个过程,于是自己动手改了一下,如果有更好方案请留言赐教!!! changeCollapse (index) { const leftEls = this.$refs['dataTable'].$el.querySelectorAll('.el-table__fixed .el-table__fixed-body-wrapper tbody tr')[index] const rightEls = this.$refs['dataTable'].$el.querySelectorAll('.el-table__fixed-right .el-table__fixed-body-wrapper tbody tr')[index] const targetRow = this.$refs['dataTable'].$el.querySelectorAll('.el-table__body-wrapper tbody tr')[index] let setFixedRowHeight = setInterval(() => { const height = targetRow.getBoundingClientRect().height if (leftEls) { leftEls.style.height = `${height}px` } if (rightEls) { rightEls.style.height = `${height}px` } }, 10) setTimeout(() => { if (setFixedRowHeight) { clearInterval(setFixedRowHeight) } }, 1000) } 原文地址:https://blog.csdn.net/qq_41890576/article/details/121082506 |
|
来自: 化茧成蝶时光机 > 《elementUI》