Vue 中 el-table 如何添加滚动条
要在 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,并且如果超出这个高度,将自动添加垂直滚动条。
原文地址: https://www.cveoy.top/t/topic/nCqK 著作权归作者所有。请勿转载和采集!