表格中设置了max-height，表格里的数据被截取了，没有滚动显示数据

最新推荐文章于 2025-04-26 16:15:43 发布
最新推荐文章于 2025-04-26 16:15:43 发布
阅读量854 收藏
点赞数
分类专栏： elementui 文章标签： ELEMENTUI VUE 前端 样式 表格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38916157/article/details/102929065
版权

表格中设置了max-height，表格里的数据被截取了，没有滚动显示数据。

Vue框架，ElementUI中
由于把max-height写在了style中，所以max-height表格数据被截取，没有滚动显示数据。
**解决办法：**把max-height写在style外面

QListView、QTableView或QTreeView截取滚动区域（截长图）
草上爬的博客
06-23 1333
QListView、QTableView或QTreeView截取滚动区域（截长图） 本文以QTreeView为例，理论上继承自QAbstractScrollArea的类都支持本文所述的方法。
【愚公系列】2023年10月 WPF+上位机+工业互联 002-WPF布局控件
热门推荐
时光隧道
09-07 4万+
WPF布局是指在Windows Presentation Foundation（WPF）中定义和管理用户界面元素的方式。WPF提供了不同类型的布局容器，如Grid、StackPanel、WrapPanel和DockPanel等，使得开发人员能够轻松地创建灵活和可扩展的用户界面。WPF布局可通过XAML标记语言或代码实现。它提供了一种分离界面和逻辑的方式，使得开发人员能够更容易地管理用户界面的外观和行为。控件功能Canvas。
element - el-table动态设置高度？不滚动了？
Dark_programmer的博客
09-09 7887
element 动态设置table高度
element table 表格设置max-height 没有出现滚动条，多渲染了一列。
凉城玖的博客
06-04 4305
个人理解： 设置max-height后会多渲染一列，这一列应该是用来承载滚动条的，但是因为某种原因，滚动条没有被渲染出来，就出现了多渲染了一列，这一列里面没用任何东西。 设置后效果图： 样式代码： /deep/.el-table__body-wrapper { &::-webkit-scrollbar { /* 滚动条整体样式 */ width: 6px !important; /* 高宽分别对应横竖滚动条的尺寸 */ } } ...
Element中table组件给了最大高度max-height (el-table)右侧滚动条空白占位处理
蓝胖子的博客
06-14 1676
Element中table组件给了最大高度max-height (el-table)右侧滚动条空白占位处理
element table组件根据屏幕大小动态设置max-height属性设置表格最大高度，但设置百分比或者响应式不生效的问题
二三的博客
12-06 1万+
element的table表格组件有一个max-height属性，可以设置table的最大高度，但是当我设置这个属性的值为百分比或者响应式的时候，却没有生效，如下所示。 max-height:calc(100vh - 40px) //或者 max-height:calc(100% - 40px) 这是因为element-ui的文档，max-height的合法的值为数字或者单位为 px 的高度。无法识别响应式的css。 解决方法有以下几种： 首先列举出代码： 首先设置table组件的ref属性，以及设.
【Vue+ElementUI】el-table动态高度设置及表格内容错乱对不齐
sunshineTing2的博客
04-28 4500
el-table动态高度设置及表格内容错乱对不齐
ant-design table 中的td 数据过多显示部分，鼠标放上去显示全部
diyi0306的博客
09-19 6800
第一：表格中的数据自动换行，所以表格中的行高不一致 目标实现：防止自动换行， 代码实现：//*** 是主要实现 :global { .ant-table-tbody > tr > td, .ant-table-thead > tr > th { height: 62px; white-space:nowra...
前端 HTML5 响应式表格设计
最新发布
前端视界的博客
04-26 1032
随着移动设备的普及（Statista 数据显示 2023 年移动设备流量占比达 60.6%），传统固定布局表格在小屏幕设备上出现内容溢出、可读性差等问题。多设备屏幕尺寸适配（手机/平板/PC/大屏显示器）表格数据优先级处理（关键信息突出显示）交互体验优化（滚动条管理、触控优化）性能与渲染效率提升基础理论：响应式表格核心概念与设计原则技术体系：布局策略、断点管理、样式控制的完整实现方案实战指南：从简单表格到复杂数据报表的项目落地路径优化进阶：性能优化、交互增强、跨浏览器兼容方案。
VB速查大全(数据库、表格及报表编程) ★ VB错误处理，ado常见错误，VB数据类型等，网上有很多教程是错的，强烈建议看此文
ecz00的专栏
05-19 8613
VB异常处理 (很重要) ado常见错误 ado游标及锁定介绍 免费报表控件 免费表格控件 vb数据类型(很多程序出问题出在这个，一定要看，VB msdn说的不太对) VB可用的AES加密sqlite_odbc 及 cairo_sqlite (VBRichClient自带的非odbc连接) 有vbRichClient代替winsock、实现vb多线程及远程调用activeX等
【ElementUI】el-table 设置 max-height 后，当表格数据未超过高度时，表格右侧会出现空白列的解决方案
一个努力学习的程序猿
01-12 9404
今天在开发过程中，遇到了一个有点棘手的问题。棘手的原因是，我搜索了一圈，结果没发现解决方案，甚至没看到几个遇到相同问题的朋友。这让我感到十分疑惑，作为一个 CV 程序员，难道是我参照文档用的方法不对？竟然还有百度找不到的解决方案？那没办法了，用自己的一根头发作为代价，自己进行摸索吧。问题如下： 在使用 ElementUI 的 el-table 时，当我为其设置了一个 max-height 后，如果数据量过大，确实超过了给定的高度，那么用起来和文档还真就是一个效果。但是当这组数据，在没超过 max-heig
el-table 根据屏幕大小动态设置max-height来自适应表格的最大高度出现滚动条
fairyier
08-20 3万+
根据element-ui的文档，max-height的合法的值为数字或者单位为 px 的高度。无法识别响应式的css，如： max-height:calc(100vh - 40px) //或者 max-height:calc(100% - 40px) 受网友启发，实现思路： 通过js计算表格的最大高度，然后将高度数值传给el-table的max-height属性，上代码： html： ...
element table滚动条失效
samscat的博客
11-27 1462
问题描述:给el-table限制高度之后滚动条没了。对比了老半天找不出问题，最后看文档，咋设置的高度。自己坑自己不要太惨！
解决elemen-ui Table表格动态计算高度的bug----el-table__body-wrapper
能先森的博客
12-31 2万+
相信大家在使用element-ui–Table表格组件时，都遇到过需要监听屏幕窗口的大小，动态计算table的height，达到适配屏幕尺寸的友好界面项目。网上有各种各样的办法，同样可以实现动态计算table表格的高度；但是大家有没有发现切换路由到其他界面再返回到当前界面，table的表格高度少了24px（我自己测试是24px,可能会更高）。其实，这是element-ui内部的一个bug；接下来给...
vue表格设置自适应高度后vue表格统计不显示的解决办法
isfengdada的博客
10-24 536
)},
element table max-heitght失效解决办法
joy_1004的博客
12-04 1790
elementui文档里是在table中使用max-height控制流体高度 但是最开始使用有效果，之后再点开就卡死报错 所以改成这样 table上加入样式 .el-table-filter { max-height: 300px; overflow: auto; margin-top:20px; box-shadow:0 0 0!important; } ...
element-ui的table使用height属性卡死
u013844333的博客
06-10 1343
使用height、max-height会导致vue页面卡死，解决方法就是将tabledata的值修改。 默认是tabledata：{}，只需要修改成
el-table表格动态设置最大高度 高度根据窗口可视高度大小改变自适应
misschengispink的博客
09-13 5356
由于表格内容过多，如果不给高度限制，每页100条数据的情况下，去操作底部的分页或者其他功能都需要划到数据最底部操作，用户体验性较差。解决方法是让表格一屏展示，超出部分滚动展示。
Element Ui 中表格设置max-height滚动条失效
zhuo123110的博客
12-27 5685
为了是表格动态自适应页面高度，所以给表格设置了max-height属性，但是纵向滚动条消失了
el-table限制显示行数
03-20
### 设置 Element-ui `el-table` 的最大显示行数或分页功能 为了限制 `el-table` 组件的显示行数并启用分页功能，可以通过以下方式实现： #### 方法一：通过分页组件控制数据展示 可以结合 `el-pagination` 实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值