s-table如何自动显示和隐藏滚动条
时间: 2024-04-29 15:24:01 浏览: 66
2款自动隐藏显示的滚动条JS
3星 · 编辑精心推荐
要让s-table自动显示和隐藏滚动条,可以使用CSS样式来控制。
首先,将s-table的高度设置为固定的值,例如500px:
```
<el-table :data="tableData" style="height: 500px;"></el-table>
```
然后,在CSS中设置s-table的overflow属性为auto,这样当表格内容超出高度时会自动显示滚动条,反之则隐藏滚动条:
```
.el-table {
overflow: auto;
}
```
这样,就可以自动显示和隐藏滚动条了。
阅读全文