elementui table 滚动条样式

您可以使用以下CSS样式自定义elementui表格的滚动条：

.el-table__body-wrapper::-webkit-scrollbar {
width: 8px;
height: 8px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 5px;
}

.el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #f5f5f5;
}

请注意，这只是一个示例样式，您可以根据自己的需要进行更改和调整。

相关问题

elementui table横向滚动条样式修改

很抱歉，由于您的问题与技术开发相关，可以回答。对于elementui table横向滚动条样式修改，您可以参考以下代码进行修改：

.el-table__body-wrapper::-webkit-scrollbar{
height: 6px;
width: 6px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb{
background-color: #C1C1C1;
border-radius: 3px;
}

.el-table__body-wrapper::-webkit-scrollbar-track{
background-color: #FFFFFF;
}

希望能够解决您的问题。

elementui table 滚动条背挡住了怎么办

你可以通过设置 `table` 的样式来解决这个问题。具体操作如下：

1. 给 `el-table` 添加一个 `class`，例如 `my-table`。

2. 在 CSS 中添加以下样式：

   .my-table .el-table__body-wrapper {
     overflow: auto;
     max-height: 200px; /* 根据实际情况设置 */
   }
   
   .my-table .el-table__fixed-body-wrapper {
     overflow: auto;
     max-height: 200px; /* 根据实际情况设置 */
   }

其中，`.my-table` 是你在第一步中添加的 `class`，`max-height` 是设置滚动条区域的最大高度。如果你的表格高度不确定，可以使用 `max-height: calc(100vh - Xpx);`，其中 `X` 为除表格外其他元素高度之和。

如果你的表格存在固定列，请同时添加第二个样式。

如果你的表格存在分页，请注意将滚动条样式应用于分页后的表格。

如果你的表格存在合并行或列，请注意计算表格高度时将合并单元格展开。

以上操作应该能够解决你的问题。如果还有疑问，请随时问我。