<template>
<div class="scrollable-container">
<Table :columns="columns" :data="tableData" class="scrollable-table"></Table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [/* 表格数据 */],
columns: [/* 表格列定义 */]
};
}
}
</script>
<style scoped>
.scrollable-container {
overflow-y: auto; /* 垂直滚动条 */
max-height: 300px; /* 容器最大高度,超出部分将滚动显示 */
}
.scrollable-table {
width: 100%; /* 确保表格宽度铺满容器 */
}
</style>
iview table表格添加纵向滚动条
最新推荐文章于 2024-07-19 17:02:07 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)