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"

>

成功

相关推荐
蓝倾5 分钟前
淘宝批量获取商品SKU实战案例
前端·后端·api
comelong10 分钟前
Docker容器启动postgres端口映射失败问题
前端
花海如潮淹12 分钟前
硬件产品研发管理工具实战指南
前端·python
用户38022585982412 分钟前
vue3源码解析:依赖收集
前端·vue.js
用户75794199497012 分钟前
基于JavaScript的简易Git
javascript
WaiterL13 分钟前
一文读懂 MCP 与 Agent
前端·人工智能·cursor
gzzeason15 分钟前
使用Vite创建React初始化项目
前端·javascript·react.js
又双叒叕77816 分钟前
React19 新增Hooks:useOptimistic
前端·javascript·react.js
归于尽35 分钟前
V8 引擎是如何给 JS"打扫房间"的 ?
前端·javascript
小old弟35 分钟前
让对象保持定义的顺序来排列
前端