码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-01 13:51:18      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:组件   一行代码   bug   复选框   Fix   highlight   ble   wrapper   event   

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

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

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

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

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

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

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

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

标签:组件   一行代码   bug   复选框   Fix   highlight   ble   wrapper   event   

原文地址:https://www.cnblogs.com/tw6668/p/13024659.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!