element--el-table添加合计后固定列x轴滚动条无法滚动问题

效果图

改变固定列滚轮高度问题 解决文章

解决方案

使用到的参数

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>