elementui表格自动滚动
时间: 2023-11-12 20:59:44 浏览: 99
vue表格自动滚动
可以通过设置表格的 maxHeight 属性来实现自动滚动。具体做法是,在表格中添加一个 div 容器,然后设置该容器的 maxHeight 属性为表格的高度,overflow 属性为 auto,这样当表格内容超出容器高度时,就会自动出现滚动条。
示例代码如下:
```html
<template>
<div class="table-container">
<el-table :data="tableData" style="width: 100%">
<!-- 表格列定义 -->
</el-table>
</div>
</template>
<style>
.table-container {
max-height: 300px; /* 设置最大高度 */
overflow: auto; /* 设置溢出时自动出现滚动条 */
}
</style>
```
阅读全文