el-table 表格表头、单元格、滚动条样式修改

在Vue.js中使用Element UI库时，可以通过CSS覆盖默认样式来修改el-table的表头、单元格和滚动条样式。以下是一些CSS样式规则的例子：

/* 修改表头样式 */
.el-table th {
  background-color: #f0f0f0; /* 表头背景色 */
  color: #666; /* 表头字体颜色 */
  /* 其他样式 */
}
 
/* 修改单元格样式 */
.el-table td {
  background-color: #fff; /* 单元格背景色 */
  /* 其他样式 */
}
 
/* 修改滚动条样式 */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条宽度 */
  height: 6px; /* 水平滚动条高度 */
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #aaa; /* 滚动条颜色 */
  border-radius: 3px; /* 滚动条圆角 */
}
.el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* 滚动条轨道颜色 */
}
 
/* 针对Firefox的滚动条样式 */
.el-table__body-wrapper {
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: #aaa #f0f0f0; /* 滚动条颜色 */
}

将上述CSS规则添加到你的样式表中，可以修改表格的表头、单元格和滚动条样式。请注意，滚动条的样式可能会因浏览器而异，上述例子主要针对Webkit内核浏览器（如Chrome、Safari），对于Firefox等会使用标准的滚动条样式设置。对于其他浏览器，可能需要不同的CSS规则来修改滚动条样式。