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"

>

成功

相关推荐
search73 小时前
前端设计:CRG 3--CDC error
前端
治金的blog3 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大4 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版4 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
荔枝一杯酸牛奶5 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll6 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im6 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜6 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
摘星编程7 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
GISer_Jing7 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs