Element-table 用Height后错位的问题

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-11-20 10:56 被阅读0次

使用el-table的:height实现表头固定后出现错位问题。
现象如下：

image.png
解决方案：
在官网中
Table Methods下面有这样一个方法
doLayout
对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法
table数据赋值后，使用nextTick操作dom对表格执行如下方法

//你需要先对table的数据来源进行赋值
this.$nextTick(()=>{
    this.$refs.myTable.doLayout()
})

表格设置height 错位问题
当设置表格高度问题时，会出现错位解决方法1.不设置height 设置max-height2.下方分页用定位设置到底部
element-table表头错位
1，通过css解决表头错位的问题如el-table在容器类名为table-container中这里设置widt...
饿了么组件table
element-table A element-table component for Vue.js. Demo ...
vue项目打包后资源路径与背景图路径问题
本文主要解决基于vue/vuex打包后经常出现的两个问题：静态资源路径错位问题 css背景图路径错位问题问题的...
ant-design-vue table 表格组件错位解决
table组件错位问题。 table组件错位，不管是用element-ui的table组件，还是ant的table...
uniapp中小程序状态栏与自定义导航栏
1.采用uni-app提供的css --status-bar-height(会出现错位) 通过uni-app提供...
css3实现从固定尺寸到auto的过渡动画？
用 height 是不行的。不过，用 max-height 和 min-height 可以实现同等效果。 .bo...
Android：RecyclerView的滑动删除和拖动排序以及
RecyclerView的滑动删除和拖动排序以及排序后的position错位问题定义相关接口：实现接口：使用...
任务6
问答： 1. line-height有什么用? 设置行间的距离（行高）；设置line-height和height...
The behavior of the UICollection
1.问题关键如下the item height must be less than the height of t...

网友评论

本文标题：Element-table 用Height后错位的问题

本文链接：https://www.haomeiwen.com/subject/fqxwxdtx.html

Element-table 用Height后错位的问题