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"

>

成功

相关推荐
快起来别睡了3 分钟前
看完你就知道JavaScript 中的对象创建与继承方式原来这么简单?!
javascript
乌兰麦朵12 分钟前
Vue吹的颅内高潮,全靠选择性失明和 .value 的PUA!
前端·vue.js
Goodbaibaibai13 分钟前
创建一个简洁的Vue3 + TypeScript + Vite + Pinia + Vue Router项目
javascript·vue.js·typescript
Code季风13 分钟前
Gin Web 层集成 Viper 配置文件和 Zap 日志文件指南(下)
前端·微服务·架构·go·gin
蓝倾13 分钟前
如何使用API接口实现淘宝商品上下架监控?
前端·后端·api
舂春儿15 分钟前
如何快速统计项目代码行数
前端·后端
毛茸茸15 分钟前
⚡ 从浏览器到编辑器只需1秒,这个React定位工具改变了我的开发方式
前端
Pedantic15 分钟前
我们什么时候应该使用协议继承?——Swift 协议继承的应用与思
前端·后端
Software攻城狮16 分钟前
vite打包的简单配置
前端
Codebee16 分钟前
如何利用OneCode注解驱动,快速训练一个私有的AI代码助手
前端·后端·面试