表格中使用fixed固定一栏后滚动条覆盖当前行内容

目的 想让position:fixed 的元素定位在页面底部 问题 华为、oppo旧款手机上会被覆盖 原因 误将position:fixed 的元素定位在滚动区域中 解决 position:fixed 的元素定位根元素body上 问题说明 起初遇到这个问题实在是没想到是定位，找了很久才发现…以后还是乖乖滴把footer fixed 在body上吧

给ivu-table-fixed设置高度是为了ivu-table-fixed-body 给height:100%高度设置范围，因为ivu-table-fixed-body是ivu-table-fixed子节点 ivu-table-fixed-body是基于父节点这样计算逻辑就相较方便一些，只需要100%减去头部和底部滚动条高度就可以了。查看样式发现ivu-table-fixed 未设置高度 ivu-table-fixed-body高度是框架计算的。-------分割线-------那知道问题了就好解决了。

问题描述：在 element-ui 的 table 组件中，给前两列设置了 fixed 属性，让前两列可以固定，同时设置操作列固定在右侧，不随着滚动条滚动移动，结果发现设置后，固定列的滚动条被遮挡了一部分。 效果图如下： 解决方案： .el-table__fixed, .el-table__fixed-right { height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式 bottom: 10px !importa

看图就是第一列总是被压在下面 解决： <a-table:scroll="{ x: 'max-content' }"></a-table> 使用列固定还需要注意的就是一定要控制外部的宽度。不然固定列的效果展示不出来。 推荐文章：

问题： el-table组件中，column在设置了fixed属性的情况下下，垂直滚动会出现表格错位的问题。分析： column在设置了fixed=“left”或fixed=“right”后，在table的对应位置增加了对应个数的column，它们都被设置为position: fixed。下面的table只是被固定的column遮盖，当垂直方向有滚动事件时，两侧固定column会动态计算滚动高度。但是实际使用中计算的时候会受头部样式或padding的影响而计算出错，导致出现表格错位的问题。

在使用iview的表格组件时，遇到了设置了固定窗格后滚动条无法拖动的问题，网上有设置固定区域height和bottom的方法，但是发现并不适用于带合计行的表格，于是找到了如下解决方法。

【代码】el-table fixed 区域 盖住滚动条解决。

给css加上这几条就可以完美解决 第一个calc-10px如果不够可以自己调。想必大家给elementUI的表格设置固定列后都会出现这种情况。

一、正常情况 顶部导航栏使用fixed布局后，如果页面内容超出了屏幕高度，右侧是会出现滚动条的。效果如下： 蓝色区域是顶部的导航栏区域，可以看到右侧出现了滚动条。 二、CSS代码设置后 如何让滚动条只出现在导航栏下面的内容区域了？原理就是使页面body元素和html根元素的高度固定为屏幕的高度。整个页面内容就不会让浏览器自动显示整个页面的滚动条，而在页面内部，只会让需要滚动的页面元素出现滚动条。 这种情况下，顶部导航栏只要宽度设置为100%，计算出来的宽度就是不包含滚动条的宽度值(假如屏幕宽度

改变固定列滚轮高度问题。

通过设置padding-bottom或者z-index来解决固定定位的遮挡问题

解决div用了position: fixed后滚动条显示不完整的问题

elementUI table fixed设置后，表格无法对齐，滚动条被覆盖（亲测有用）

通过padding巧妙解决position:fixed遮挡内容造成的内容显示不全问题

一般解决方法：媒体查询重新布局等。

问题：在使用element-ui的table组件时，给表格的某些列设置了fixed属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列(左侧的div)把滚动条覆盖了。 解决办法： .el-table__fixed { height:auto !important; // 让固定列的高自适应，且设置!impo...

antdv table表格被遮挡

sticky 盒位置根据正常流计算(这称为正常流动中的位置)，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。在所有情况下（即便被定位元素为table 时），该元素定位均不对后续元素造成影响。当元素 B 被粘性定位时，后续元素的位置仍按照B 未定位时的位置来确定。position: sticky 对 table 元...