解决 el-table 固定列 el-table__fixed 导致部分滚动条无法拖动的问题

问题分析：

当给 el-table 表格的列添加了 fixed 属性之后，我们可以发现，被固定的部分虽然鼠标悬浮时会显示滚动条，但却无法拖动，通过一段时间的翻阅查找，作者共搜集了两种解决方案：

方案一：

第一种办法，是通过修改表格固定列的高度，使固定列无法遮住滚动条，即可实现无障碍拖动。

css代码：

/* 此处的deep属性，可以视情况添加 */
::v-deep .el-table__fixed {
  height: calc(100% - 15px) !important;
}
/* 用于消除固定列下方的伪元素边框线 */
::v-deep .el-table__fixed:before {
  height: 0px;
}

方案二：

第二种办法，是通过修改固定列鼠标事件的触发，使固定列点击事件穿透下去。

css语法：

/* 表格固定列-鼠标事件穿透 */
.el-table__fixed,
.el-table__fixed-right {
  pointer-events: none;
}

/* th为表头单元格，td为表格体单元格 */
/* 如果需要禁止固定列里的单元格也无法点击，此处可修改为none */
.el-table__fixed td,
.el-table__fixed-right td,
.el-table__fixed th,
.el-table__fixed-right th {
  pointer-events: auto; 
}

---

less语法：

/deep/ .el-table {
  &__fixed, &__fixed-right {
    pointer-events: none;
    td {
      pointer-events: auto;
    }
  }
}

以上就是关于 el-table 固定列问题的总结，如果有帮助到你，希望大佬能给个赞 ovo！！！