关于elementUI表格 固定列&合计行
程序员文章站
2022-03-04 11:37:53
...
当elementUI
的表格需要 固定列 同时又要y有 合计行 时,会出现以下情况:
合计行被固定的三列可以展示,但是其它的列就不知道去哪了?!
通过万能的度娘,终于找到了解决方法,不得不说,广大网友的智慧真不是盖的!
直接在接口返回数据之后加上以下代码
this.$nextTick(() => {
this.$refs.table.doLayout()
})
由于用到了$refs
,所以不要忘了在html
的table
部分加上ref
!
<el-table
ref="table"
:data="tableData"
show-summary
:height="tableHeight"
:summary-method="getSummaries"
style="width: 100%;"
>
</el-table>
-
关于
doLayout
方法
网友说是可以用来解决elementUI
表格加载数据后错位的问题,没有深入研究 -
关于
$ref
一般用来获取dom
节点,进行一些dom
操作
以上是工作中遇到的小问题的记录
感谢广大网友及各位大佬提供的帮助
本文仅作为记录
不喜勿喷!!!
不喜勿喷!!!
不喜勿喷!!!
重要的事情说三遍!
上一篇: elementUI 分页如何使用
下一篇: css折行