el-table的滚动条
时间: 2023-09-27 07:07:25 浏览: 89
el-table-bar-base:element-ui 表格滚动条插件
el-table 组件提供了内置的滚动条功能,可以在表格内容超出容器高度时自动显示滚动条。你可以通过设置 `height` 属性来指定表格的高度,当表格内容超过指定的高度时,就会自动显示滚动条。
示例代码如下:
```html
<el-table :data="tableData" height="200px">
<!-- 表格列定义 -->
</el-table>
```
在上述示例中,我们将表格的高度设置为 200px,当表格内容超过该高度时,就会显示垂直滚动条。
如果你还想同时显示水平滚动条,可以使用 `max-height` 和 `overflow-x: auto` 的 CSS 样式来实现。示例代码如下:
```html
<el-table :data="tableData" style="max-height: 200px; overflow-x: auto;">
<!-- 表格列定义 -->
</el-table>
```
上述示例中,我们通过设置 `max-height` 限制了表格的最大高度为 200px,并使用 `overflow-x: auto` 让表格内容超出容器宽度时显示水平滚动条。
希望以上信息能帮到你!如果还有其他问题,请随时提问。
阅读全文