element-ui使用问题记录:解决elementui table固定列的时候,滚动条被遮挡无法拖动的问题
问题描述
使用element table,有时需要部分的列固定,给列添加 fxied属性,这时候发现table的横向滚动条根本拖不动,只能在固定列外面 靠点击来让它过来。
原因是固定的列把滚动条给挡住了,只有超出固定的部分滚动条才可以拖动。
解决方法
修改el-table__body-wrapper样式的层级,随便设个层级就可
效果:解决滚动条被遮住的问题,同时含有合计也适用
缺点:就是表头和合计那部分有阴影,中间的部分没有阴影,不过不影响效果,问题不大。
::v-deep .el-table__body-wrapper{
z-index: 2
}