只修改el-table右侧滚动条

在Vue.js中，如果你只想修改`el-table`组件的右侧滚动条，可以尝试通过CSS样式来定制。你可以针对`.el-table__right-side`或`.el-table__body-wrapper`选择器来设置滚动条的相关属性。例如，如果你想隐藏滚动条，可以添加：

.el-table__right-side {
  overflow-y: hidden;
  // 或者
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
}

/* 当需要显示滚动条时，比如给一个替代样式 */
.scrollbar-visible .el-table__right-side::-webkit-scrollbar {
  display: block;
}

.scrollbar-visible .el-table__right-side::-webkit-scrollbar-thumb {
  background-color: #888; /* 你的滚动条颜色 */
}

请注意，这里假设你有一个名为`.scrollbar-visible`的类来控制滚动条的可见性。如果你想要自定义滚动条的样式，还可以进一步调整滚动条的宽度、圆角等。

相关问题

el-table 动条显示操作列

如果你想要在 el-table 中显示操作列，并且该操作列需要出现在表格的右侧，并且需要随着表格的滚动而保持固定位置，那么你可以使用 el-table 的 `fixed` 属性和 `append` 插槽来实现。

以下是一个示例：

<el-table :data="tableData" height="400" border>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="text" @click="handleEdit(scope.$index)">编辑</el-button>
      <el-button type="text" @click="handleDelete(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的示例中，我们在 el-table-column 中添加了一个 `append` 插槽，用于显示操作列。在插槽中，我们使用了作用域插槽来获取当前行的索引，并绑定了两个按钮的点击事件 `handleEdit` 和 `handleDelete`。

接下来，我们需要将 el-table 设置为固定高度，以及设置 `fixed` 属性为右侧，并且设置操作列的宽度。例如：

<el-table :data="tableData" height="400" border style="width: 100%">
  <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
  <el-table-column label="操作" width="200" fixed="right">
    <template slot-scope="scope">
      <el-button type="text" @click="handleEdit(scope.$index)">编辑</el-button>
      <el-button type="text" @click="handleDelete(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们将 el-table 的宽度设置为 `100%`，并将操作列的宽度设置为 `200`，并将 `fixed` 属性设置为 `right`，表示该列会固定在表格的右侧。这样，当 el-table 的内容高度超过 `400` 时，操作列会随着 el-table 的滚动而保持固定位置。

希望这个示例能够帮助你解决 el-table 显示操作列的问题。

el-table利用expand属性添加子列表后 主列表出现横线滚动条，往左滚动整个tbody与右侧固定列断开了

这个问题可能是由于子列表的宽度超出了主列表的宽度，导致出现了横向滚动条。当你往左滑动时，子列表会继续保持在原来的位置，而主列表则会向左滑动，导致主列表和子列表之间出现了断开。

解决这个问题的方法有两种：

1. 调整子列表的宽度，使其不超出主列表的宽度。可以通过设置子列表的样式或者使用 el-table-column 的 width 属性来调整宽度。

2. 使用固定列的功能。可以将需要固定的列通过设置 fixed 属性来实现。这样，在滑动时，固定列会一直保持在左侧，不会和主列表产生断开。

希望这些方法能够帮助到你解决问题。如果还有其他问题，可以继续提问。