element-ui 的table表格中,添加汇总和固定列fixed后,原本带底部滚动条的table会被左右两侧固定列的table块给遮住,会发现红圈部分滚动条无法拖动,只有中间未被固定部分才可拖动,非常不方便。 可添加样式代码,提高底部table层级 ...
问题:在使用element ui的table组件时,给表格的某些列设置了fixed属性,让列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列 左侧的div 把滚动条覆盖了。 解决办法: ...
2020-07-24 11:43 0 2378 推荐指数:
element-ui 的table表格中,添加汇总和固定列fixed后,原本带底部滚动条的table会被左右两侧固定列的table块给遮住,会发现红圈部分滚动条无法拖动,只有中间未被固定部分才可拖动,非常不方便。 可添加样式代码,提高底部table层级 ...
固定列覆盖了滚动条,所以不能滚动 .el-table--scrollable-x .el-table__body-wrapper { z-index: 1; } ...
, .el-table__fixed-right当我把样式写完整后,就可以起作用了 ...
表格滚动之后fixed列和其他列出现如下错位的情况 在网上找了很多办法,doLayout也不起作用,给column设置:key="index+Math.random()"也不起作用,然后就用监听滚动条的方法写了: 这是目前唯一能解决项目中的一个办法了,所以记录一下;也希望 ...
el-table中的el-table-column提供了一个fixed属性设置固定列,但是设置了之后发现表格的滚动条无法拖动了,通过F12定位到页面元素发现是滚动条被固定列生成的元素给覆盖了,于是想办法通过修改样式的方式解决问题。 当然也可以把这段样式放到全局的样式表中,作为全局 ...
1、将 .el-table 标签css属性中的 修改成 2、将 .el-table 父标签添加css属性 tips:属性更改是全局的,不要写在scoped内。 ...