1. 确定el-table滚动错位的具体表现和问题上下文 首先,需要明确滚动错位的具体表现,比如是固定列与非固定列之间的错位,还是滚动条显示不正确导致的错位。同时,了解问题发生的上下文也很重要,比如是否在使用固定列、是否有特定的样式或脚本影响了表格的渲染。
el-table自定义滚动条大小后出现错位 #程序员 - 程序员小山与Bug于20211206发布在抖音,已经收获了143.5万个喜欢,来抖音,记录美好生活!
然后element table拖动到最下面就错位成这样了 按理说应该要这样的效果 可怎么改都不行,只能把全局的覆盖去掉,单独给这个table组件写一个样式,而不用覆盖式的css写法,但这样导致只能改滚动条的颜色样式,el-table那一小块缺口是固定死15px,就是改不了宽高了,很郁闷,求大神给个解决方案。 bottom是你定义的滚动条...
按照这个方法在请求得到数据的时候,用nextTick对table的DOM重新渲染。 this.$nextTick(() =>{this.$refs.multipleTable.doLayout();//el-table加ref="multipleTable"}); 试了下不生效,说明是别的问题。 2、 查看了表格中的最后一列 发现该列的宽度设置的较低,内存已经越出,导致每行错位。将该列的宽度调宽...
}.el-table__fixed-right{// 右固定列 height:auto !important;bottom:18px; } 此方法存在较多问题: 1.导致表格错位,还要去调整错位问题,也会导致更多浏览器兼容错位问题 2.bottom的固定高度只能满足单一浏览器分辨率,不同电脑不同浏览器,分辨率不同,会出现多一些少一些等情况。
1.在el-table的一些列加fixed后,固定列的横向滚动条无法拖动问题: (1)加样式 1-1 如果有合计行的,适当增加bottom的值 (2)加上样式后,因为固定列有bottom: 17px的距离,会导致不固定列的滚动到底部后,与左侧发生错位 1-2 这时需加上: 1-3 2.有纵向滚动条,在横向拖到最右侧时,导致表格位置错乱 ...
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
el-table fixed固定列导致错位的解决方案 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 ElementUItable组件可以通过设置fixed属性实现列的固定,但是在某些情况下会导致固定列的样式错乱,下面就总结下解决样式错乱实现方案 1.doLayout(官方提供) 对Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示...
原因： 研究下发现，是由于固定列把滚动条给遮住了，所以滚动不了。解决方法： 1.修改el-table__fixed样式 .el-table{ .el-table__fixed{ &#...