效果图
改变固定列滚轮高度问题 解决文章
解决方案
使用到的参数
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>