ElementUI:el-table__固定高度变化

Posted

技术标签:

【中文标题】ElementUI:el-table__固定高度变化【英文标题】:ElementUI: el-table__fixed height change 【发布时间】:2021-11-15 16:35:21 【问题描述】:

我对@9​​87654321@ el-table 元素有一个奇怪的问题。我的表格渲染得很好,但是当我导航到另一条路线然后用我的表格返回视图时,el-table__fixed-元素的高度减少了 17 像素。

谁能告诉我我做错了什么?还是 ElementUI 有 bug?

【问题讨论】:

【参考方案1】:

我想通了!

在使用 Vue DevTools 检查我的应用时,我看到我的 ElTableBody 被渲染了两次。经过一番搜索,我找到了这个Bug Report。原来,问题是在我的ElTableColumn 元素上将fixed 设置为true。移除 fixed 属性后,一切都呈现得很好 - 即使返回我的视图。

【讨论】:

以上是关于ElementUI:el-table__固定高度变化的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI el-table 固定列后,滚动条在固定列的位置上无法滚动的问题

解决elementui table fix列显示不全问题

ElementUI Table横向滚动条遇到的问题汇总

elementUI组件表格高度以及表头固定表身滚动方法

ElementUI表格合计项固定列 滚动条不可滑动

ElementUI表格合计项固定列 滚动条不可滑动