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"

>

成功

相关推荐
张鑫旭几秒前
都AI时代了,我为何还在学习前端基础知识?
前端
swipe13 分钟前
正则表达式入门到进阶:从表单校验到手写模板引擎
前端·javascript·面试
阿祖zu20 分钟前
别再优化 RAG 了,适配 Agent 的 LLM Wiki 知识库理念
前端·后端·aigc
kyriewen41 分钟前
前端错误监控最全指南:捕获 JS 异常、Promise 拒绝、资源加载失败,附上报代码
前端·javascript·监控
狗哥哥1 小时前
船队运营可视化技术方案
前端
大家的林语冰1 小时前
ESLint 近期动态大全,新版本正式发布,antfu 大佬推荐的插件也更新了!
前端·javascript·前端工程化
只会cv的前端攻城狮1 小时前
DSL 领域模型架构设计:消灭 CRUD 重复工作
前端·架构
码事漫谈2 小时前
时序数据库2026盘点:国产数据库如何以“融合多模”走出差异化之路?
前端·后端
道友可好2 小时前
让 AI 自己验收,等于让学生自己批卷
前端·人工智能·后端
yingyima2 小时前
Go 语言正则表达式速查手册:30 分钟掌握核心语法与实战技巧
前端