1. 确定el-table滚动错位的具体表现和问题上下文 首先,需要明确滚动错位的具体表现,比如是固定列与非固定列之间的错位,还是滚动条显示不正确导致的错位。同时,了解问题发生的上下文也很重要,比如是否在使用固定列、是否有特定的样式或脚本影响了表格的渲染。
el-table自定义滚动条大小后出现错位 #程序员 - 程序员小山与Bug于20211206发布在抖音,已经收获了144.0万个喜欢,来抖音,记录美好生活!
el-table全选框定位以后,出现错位问题 让滚动条回到0就不回出现这个问题了 解决方案:scrollToTop() {// 使用 $refs 获取 el-table 实例,并调用其 scrollTo 方法将滚动条回到顶部this.$nextTick(() =>{consttable =this.$refs.table1;if(table) { table.$el.querySelector(".el-table__body-wrapper")....
自定义表格的横向滚动时,表头差了滚动条下面小三角的宽度 //当el-table固定表头且出现滚动条时,会出现表头错位.el-table { th.gutter, colgroup.gutter { width: 24px!important;//此处的宽度值,对应你自定义滚动条的宽度即可display: block!important; } }...
然后element table拖动到最下面就错位成这样了 按理说应该要这样的效果 可怎么改都不行,只能把全局的覆盖去掉,单独给这个table组件写一个样式,而不用覆盖式的css写法,但这样导致只能改滚动条的颜色样式,el-table那一小块缺口是固定死15px,就是改不了宽高了,很郁闷,求大神给个解决方案。
我在项目上测试确实是这个问题。但是我的项目是动态表头的,没办法确定fixed列的相邻列。因此我用了一种取巧的方案,就是用doLayout方案,可以解决横向滚动的不对齐的问题,但是还有个问题就是如果列比较少(每个列都有宽度),表格不撑满整个页面。 4.我的实现方案 ...
1.在el-table的一些列加fixed后,固定列的横向滚动条无法拖动问题: (1)加样式 1-1 如果有合计行的,适当增加bottom的值 (2)加上样式后,因为固定列有bottom: 17px的距离,会导致不固定列的滚动到底部后,与左侧发生错位 1-2 这时需加上: 1-3 2.有纵向滚动条,在横向拖到最右侧时,导致表格位置错乱 ...
检查你的纵向滚动条是否是表格内容的滚动条:具体验证方法是固定表头,然后滚动纵向滚动条。 如果滚动时表头不动,那么滚动条是正确的。滚动条正确后,使用正确滚动条滚动,固定列只有下方没有对齐,但可以滚动出来,此时修改对齐方法如下: /deep/ .el-table__fixed{ ...
看了一下问题截图,感觉是因为el-table开启了滚动导致的超出隐藏截断了el-dropdown的展示。 除非说你去改动el-dropdown的源码,把自动修改展开位置的判断从判断视窗改成判断外部滚动容器。 所以说el-dropdown元素开启teleported属性,这样dropdown就会挂载到body上面了,不会因为el-table超出隐藏导致被截断了。不然你的问题...