el-table滚动条样式修改

在Element UI中，可以通过CSS来修改el-table的滚动条样式。以下是一个简单的例子，展示如何自定义滚动条的样式：

/* 修改滚动条的宽度和背景颜色 */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px; /* 宽度 */
  height: 6px; /* 高度 */
  background-color: #f9f9f9; /* 背景颜色 */
}
 
/* 修改滚动条滑块的样式 */
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #b4bccc; /* 滑块颜色 */
}
 
/* 修改滚动条滑块hover样式 */
.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #959da5; /* 滑块hover颜色 */
}

将上述CSS添加到你的样式表中，会改变Element UI表格滚动条的默认样式。注意，这里使用了::-webkit-scrollbar和::-webkit-scrollbar-thumb伪元素，这些是针对Webkit内核浏览器（如Chrome、Safari）的。对于其他浏览器，可能需要不同的解决方案或者第三方库。

请确保你的样式选择器优先级足够高，能覆盖Element UI默认的样式。如果需要针对Firefox或IE等浏览器进行兼容，可能需要额外的CSS规则。