el-table设置height滚动条不展示

在Vue的Element UI库中，如果你设置了`el-table`的高度并且希望显示滚动条但是它没有自动显示，可以尝试以下步骤：

1. 确保`el-table`容器有固定的高度值，例如 `style="height: 400px; overflow-y: auto;"`。这会让元素内容超出时显示滚动条。

2. 如果你使用的是一行式的高度而非固定的行高，比如`v-bind:row-height="rowHeight"`，那么需要保证`rowHeight`计算后的总高度超过设置的容器高度，滚动条才会显示。

3. 检查是否有其他CSS样式覆盖了滚动条的样式，如`.el-table__body-wrapper::-webkit-scrollbar` 或 `.el-scrollbar`等类的隐藏设置。

4. 使用`show-loading`属性时，如果数据加载完成后才填充表格，可能会因为初始高度为0导致滚动条不会立即出现。你需要在数据加载完成后再调整高度。

5. 如果以上都检查过了还是不行，可以在表格外面包裹一层`div`并设置滚动条，然后将`el-table`嵌套其中，这样也可以达到控制滚动效果的目的。

<div style="height: 400px; overflow-y: auto;">
  <el-table :data="tableData" :height="tableHeight"></el-table>
</div>

相关问题

el-table设置滚动条

在Vue的Element UI库中，`el-table`组件默认并不会自带滚动条，如果你想添加滚动功能，通常需要手动为其容器如`div`或`el-scrollbar`添加。你可以通过以下步骤来实现：

1. 首先，在`el-table`外面包裹一层`div`，并设置样式使其成为一个滚动区域：

<div class="scroll-container">
  <el-table :data="tableData" ref="tableRef"></el-table>
</div>

2. 给`.scroll-container`添加CSS样式，比如设置`overflow-y: auto`让其允许垂直滚动：

.scroll-container {
  overflow-y: auto;
  height: 400px; /* 根据实际需求调整高度 */
}

3. 如果需要在特定列上启用滚动，可以对那些内容过长的列单独处理，例如给`<el-table-column>`添加`show-overflow-tooltip`属性：

<el-table-column prop="longColumnTitle" show-overflow-tooltip></el-table-column>

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

如果您使用 Element UI 的 `el-table` 组件，并且在表格中设置了 `fixed` 属性，导致滚动条不能使用，可以尝试以下方法：

1. 确保您的表格外层容器设置了固定高度或者最大高度，例如：

<div style="height: 400px;">
  <el-table :data="tableData" height="100%" fixed>
    <!-- 表格列 -->
  </el-table>
</div>

2. 如果您的表格列设置了固定宽度，需要将固定宽度的列和非固定宽度的列分别放在两个 `<el-table-column>` 中，例如：

<el-table :data="tableData" height="100%" fixed>
  <el-table-column label="姓名" width="150">
    <template slot-scope="{ row }">{{ row.name }}</template>
  </el-table-column>
  <el-table-column label="地址" prop="address"></el-table-column>
  <el-table-column label="邮编" width="120">
    <template slot-scope="{ row }">{{ row.zip }}</template>
  </el-table-column>
  <el-table-column label="电话" prop="phone"></el-table-column>
</el-table>

3. 如果上述方法都无法解决问题，您可以尝试使用 `max-height` 属性代替 `height` 属性，或者使用第三方库来替代 `el-table` 组件。