效果图
改变固定列滚轮高度问题 解决文章
解决方案
使用到的参数
pointer-events 属性用来控制一个元素能否响应鼠标操作,常用的关键字有 auto 和 none
pointer-events: none; 让一个元素忽略鼠标操作
pointer-events: auto; 还原浏览器设定的默认行为
代码演示
添加class
<el-table class="trendsTable"></el-table>
添加css样式
<style lang="less" scoped>
:deep.tableData {// 滚动条高度调整::-webkit-scrollbar {height: 10px;}// pointer-events 的基本信息// pointer-events 属性用来控制一个元素能否响应鼠标操作,常用的关键字有 auto 和 none// pointer-events: none; 让一个元素忽略鼠标操作// pointer-events: auto; 还原浏览器设定的默认行为.el-table__fixed,.el-table__fixed-left, .el-table__fixed-right {pointer-events: none;td {pointer-events: auto;}}
}
</style>