el-table列固定后，列里面的元素没法选中

Posted 2020-12-07 tw6668

项目中用到了el-table组件，产品提了个需求，需要将表格最左侧的列全部固定

完成这个需求出现了一个bug

就是列中的元素没法选中 比如复选框没法勾选

后来经过调试发现，是由之前的人写的一行代码导致的

/*滚动条不灵活bug*/
/deep/ .el-table__fixed {
  pointer-events: none;
}

将代码注释掉则问题解决，但是滚动条确实会出现不灵活

解决方法

el-table__fixed的子元素添加样式

/*解决因为上一条样式引起的左侧固定列没法选中的问题*/
/deep/ .el-table__fixed-body-wrapper {
  pointer-events: all;
}