el-table滚动下拉数据显示不全

今天在开发时,调整页面滚动时,遇到了如图问题,表格固定了高度,但是数据只有视图区域的渲染完全,下拉发现数据缺失,但f12看dom节点的时候,显示是存在三个按钮的,但是页面就是不显示,原来的代码是这样的

<el-table

ref="multipleTable"

:data="tableData"

border

style="width: 100%;height:550px;overflow:auto;"

@selection-change="handleSelectionChange"

>

z在看官方文档的时候,发现固定高度不是这么写的

"通过设置max-height属性为 Table 指定最大高度。此时若表格所需的高度大于最大高度,则会显示一个滚动条。"

于是代码改成

<el-table

ref="multipleTable"

:data="tableData"

border

max-height="550"

style="width: 100%;"

@selection-change="handleSelectionChange"

>

成功

相关推荐
再花1 天前
VitePress+Github Pages实现静态文档站
前端
Lsx_1 天前
案例+图解带你一文读懂Svg、Canvas、Css、Js动画🔥🔥(4k+字)
前端·javascript·canvas
十一.3661 天前
127-130 定时器的简介,切换图片练习,修改div移动练习,延时调用
前端·javascript·html
Jolyne_1 天前
React下拉框接口请求hook封装
前端
狗头大军之江苏分军1 天前
2025,我的"Vibe Coding"时刻:当 AI 成为我的编程搭档
前端
同学807961 天前
🔥🔥Vue数字翻滚动画组件:让数据展示更具视觉冲击力
前端·vue.js
一颗烂土豆1 天前
🚴‍♂️ Vue3 + Three.js 实战:如何写一个“不晕车”的沉浸式骑行播放器 🎥
vue.js·游戏·three.js
oak隔壁找我1 天前
JavaScript 的函数方法apply、call和bind
javascript
HashTang1 天前
【AI 编程实战】第 5 篇:Pinia 状态管理 - 从混乱代码到优雅架构
前端·vue.js·ai编程
青莲8431 天前
Kotlin Flow 深度探索与实践指南——上部:基础与核心篇
android·前端