el-table fixed 后滚动条不能使用
时间: 2023-08-02 09:07:18 浏览: 172
固定Table第一行或某几行不随滚动条滚动而滚动
5星 · 资源好评率100%
如果您使用 Element UI 的 `el-table` 组件,并且在表格中设置了 `fixed` 属性,导致滚动条不能使用,可以尝试以下方法:
1. 确保您的表格外层容器设置了固定高度或者最大高度,例如:
```html
<div style="height: 400px;">
<el-table :data="tableData" height="100%" fixed>
<!-- 表格列 -->
</el-table>
</div>
```
2. 如果您的表格列设置了固定宽度,需要将固定宽度的列和非固定宽度的列分别放在两个 `<el-table-column>` 中,例如:
```html
<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` 组件。
阅读全文