el-table加滚动条
时间: 2024-02-18 22:58:05 浏览: 180
element的el-table中记录滚动条位置的示例代码
el-table 是 Element UI 中的一个表格组件,用于展示数据。如果需要在 el-table 中添加滚动条,可以通过设置表格的高度和 overflow 属性来实现。
首先,需要给 el-table 设置一个固定的高度,可以使用 CSS 的 height 属性或者直接设置 style 属性来指定高度。例如:
```html
<el-table :data="tableData" style="height: 300px;">
<!-- 表格内容 -->
</el-table>
```
接下来,需要设置表格的 overflow 属性为 auto 或者 scroll,以便在内容超出表格高度时显示滚动条。例如:
```html
<el-table :data="tableData" style="height: 300px; overflow: auto;">
<!-- 表格内容 -->
</el-table>
```
这样就可以在 el-table 中添加滚动条了。
阅读全文