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"

>

成功

相关推荐
前端李易安2 分钟前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
红绿鲤鱼3 分钟前
React-自定义Hook与逻辑共享
前端·react.js·前端框架
周全全5 分钟前
Spring Boot + Vue 基于 RSA 的用户身份认证加密机制实现
java·vue.js·spring boot·安全·php
Domain-zhuo14 分钟前
什么是JavaScript原型链?
开发语言·前端·javascript·jvm·ecmascript·原型模式
小丁爱养花21 分钟前
前端三剑客(三):JavaScript
开发语言·前端·javascript
ZwaterZ30 分钟前
vue el-table表格点击某行触发事件&&操作栏点击和row-click冲突问题
前端·vue.js·elementui·c#·vue
码农六六30 分钟前
vue3封装Element Plus table表格组件
javascript·vue.js·elementui
西凉河的葛三叔34 分钟前
vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗
前端·vue3·elementui-plus
徐同保35 分钟前
el-table 多选改成单选
javascript·vue.js·elementui
快乐小土豆~~35 分钟前
el-input绑定点击回车事件意外触发页面刷新
javascript·vue.js·elementui