el-table怎么出现竖向滚动条

el-table出现竖向滚动条的方法有多种。其中一种方法是直接给el-table设置height属性，height包括表头的高度。这样设置后，当表格内容超过设置的高度时，自动出现竖向滚动条。另外，你也可以使用css样式来控制滚动条的出现，例如给el-table添加overflow-y属性为auto，这样当表格内容超过容器高度时，自动出现竖向滚动条。

相关问题

el-table fixed 去掉竖向滚动条

在Vue的Element UI库中，`el-table`组件的`fixed`属性通常用于创建固定列，这可能会导致表格区域的高度变化，进而影响到滚动条的显示。如果你想去掉`fixed`列后的竖向滚动条，可以尝试以下方法：

1. **设置高度**：给包含`el-table`的容器设置一个具体的高度，例如 `style="height: 400px;"`，这样滚动条就不会自动出现了。

2. **禁用默认滚动条**：你可以使用CSS来隐藏滚动条。例如，在`.el-table__wrap`或`.el-scrollbar__view`选择器下添加 `overflow-y: hidden;` 或 `-ms-overflow-style: none; scrollbar-width: none;` 来隐藏滚动条，然后使用 JavaScript 监听滚动事件，手动控制需要滚动的内容。

<style>
.el-table__wrap {
  overflow-y: hidden;
}
</style>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const wrapper = document.querySelector('.el-table__wrap');
      if (wrapper) {
        wrapper.style.overflowY = 'auto'; // 当需要滚动时恢复滚动
      }
    });
  },
};
</script>

3. **自定义滚动功能**：如果需要在特定条件下显示滚动条，你可以通过监听`table-body`的滚动事件，并在条件满足时动态添加或移除滚动条样式。

记得在实际项目中根据具体情况调整，因为完全禁止滚动条可能会影响用户体验，特别是在内容超过容器时。

vue3Element-ui中el-table添加了竖向滚动条使用横向滚动条出现错位的问题

在使用Element-ui的el-table组件中，如果同时添加了竖向滚动条和横向滚动条，可能会出现错位的问题。这是因为竖向滚动条会占据一定的宽度，导致横向滚动条的位置不正确。

解决这个问题的方法是使用CSS样式来调整滚动条的位置。可以使用以下代码：

.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px; /* 设置滚动条的宽度 */
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 设置滚动条的颜色 */
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f5; /* 设置滚动条的背景色 */
}

将以上代码添加到你的样式文件中，然后给el-table组件添加一个class，例如：`scrollable-table`。然后在el-table组件上添加该class，即可修复错位问题。