要在 Vue 中使用 el-table 的滚动条,只需要在 el-table 组件上添加一个属性:

<el-table :data="tableData" style="width: 100%; height: 300px; overflow-y: auto;">

在这个例子中,我们设置 el-table 的高度为 300px,并且添加了一个垂直滚动条。如果我们需要水平滚动条,可以使用overflow-x属性。

另外,我们还可以使用max-height属性来限制表格的高度,并自动添加滚动条:

<el-table :data="tableData" style="width: 100%; max-height: 300px;">

这个例子中,表格的高度最大为 300px,并且如果超出这个高度,将自动添加垂直滚动条。

Vue 中 el-table 如何添加滚动条

原文地址: https://www.cveoy.top/t/topic/nCqK 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录