el-table修改滚动条样式

在Element UI中的`el-table`组件中，如果你想修改滚动条的样式，你可以通过覆盖默认的CSS样式或者使用自定义主题来自定义滚动条的外观。以下是一些方法：

1. **覆盖默认样式**:
在你的CSS文件中，找到`element-ui`或`el-table`相关的样式，然后添加或修改滚动条的相关样式。例如，滚动条的颜色、宽度和圆角等。滚动条通常使用`.el-scrollbar`或`.el-scrollbar__view`类名。

.el-scrollbar {
  /* 修改滚动条颜色 */
  background-color: rgba(0, 0, 0, 0.2);
  
  /* 修改滚动条轨道（滑动部分）的样式 */
  .el-scrollbar__track {
    border-radius: 4px;
  }

  /* 修改滚动条按钮的样式 */
  .el-scrollbar__button {
    border-radius: 4px;
  }

  /* 修改滚动条滚动区域的样式 */
  .el-scrollbar__view {
    scrollbar-width: thin; /* 如果你想改变滚动条的宽度 */
  }
}

2. **使用自定义主题**:
如果你正在使用Element UI的`theme-chalk`，可以通过修改主题配置来改变滚动条。首先，你需要安装`element-theme-chalk`包，然后在`custom.less`或`custom.scss`文件中覆盖滚动条样式。

@import '~element-ui/packages/theme-chalk/src/index';

// 自定义滚动条
.el-scrollbar-track,
.el-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.el-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

/* 或者如果你想要修改滚动条的尺寸 */
.scrollbar-size {
  width: 6px;
  height: 6px;
}