el-table用fixed设置固定列滚动条不显示

如果你使用了 `fixed` 属性来固定表格的列，但是滚动条没有显示，可能是因为你没有设置表格容器的高度。

你可以给 `el-table` 的父元素添加一个固定的高度，并设置 `overflow: auto`，这样就可以显示滚动条了。例如：

<div style="height: 400px; overflow: auto;">
  <el-table :data="tableData" style="width: 100%" :height="tableHeight" :max-height="tableMaxHeight" :fixed="fixedHeader">
    <!-- 表格内容 -->
  </el-table>
</div>

注意，如果你想要固定的列和表头同时显示在屏幕上，需要设置 `fixedHeader` 属性为 `true`。

相关问题

el-table-column fixed 后滚动条不能使用

如果使用 el-table-column 的 fixed 属性，滚动条会被 el-table 的外部容器覆盖，导致无法使用。解决方法是给 el-table 组件添加一个样式 `overflow: auto` 来显示滚动条，示例代码如下：

<el-table :data="tableData" style="width: 100%; overflow: auto;">
  <el-table-column prop="name" label="Name" fixed></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column prop="address" label="Address"></el-table-column>
</el-table>

另外，如果你在使用 fixed 属性后还想要表格自适应页面宽度，可以给 el-table 组件添加 `max-height` 和 `min-width` 样式，示例代码如下：

<el-table :data="tableData" style="width: 100%; overflow: auto; max-height: 500px; min-width: 600px;">
  <el-table-column prop="name" label="Name" fixed></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column prop="address" label="Address"></el-table-column>
</el-table>

这样就可以使用 fixed 属性并且正常显示滚动条了。

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`的滚动事件，并在条件满足时动态添加或移除滚动条样式。

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