el-table input textarea 文本域 自适应高度,切换分页滚动失效处理办法

news/2025/3/6 2:27:37/

场景: el-table 表格 需要 input类型是 textarea 高度是自适应,第一页数据都是单行数据 不会产生滚动条,但是第二页数据是多行数据 会产生滚动条,

bug: 第一页切换到第二页 第二页滚动条无法展示

解决办法:直接修改样式 加上overflow-y:auto 样式 完美解决

javascript">this.$nextTick(() => {const table = this.$refs.tableRef.$el;const bodyWrapper = table.querySelector(".el-table__body-wrapper");if (bodyWrapper) {// 直接修改内联样式bodyWrapper.style.overflowY = "auto";}
});

或者直接使用css

::v-deep .el-table__body-wrapper {overflow-y: auto ;
}


http://www.ppmy.cn/news/1576960.html

相关文章

手抖老人的生活护理指南

手抖是老年人常见的症状,合理的生活护理能有效改善症状,提高生活质量。 居家环境要安全。移除地面杂物,铺设防滑垫,安装扶手,降低跌倒风险。在浴室、厨房等湿滑区域要特别加强防护措施。建议在床边、沙发旁安装起身扶…

XSL 语言:XML 样式表的语言基础与应用

XSL 语言:XML 样式表的语言基础与应用 引言 XSL(Extensible Stylesheet Language)是一种专门用于XML文档样式的语言,它允许用户定义XML文档的格式、布局和外观。XSL是XML技术家族中的重要组成部分,与XML和XPATH等语言共同构成了处理和格式化XML文档的强大工具集。本文将…

nginx 动态计算拦截非法访问ip

需求:在Nginx上实现一个动态拦截IP的方法,具体是当某个IP在1分钟内访问超过60次时,将其加入Redis并拦截,拦截时间默认1天。 技术选型:使用NginxLuaRedis的方法。这种方案通过Lua脚本在Nginx处理请求时检查Redis中的黑…

Java基础关键_017_集合(一)

目 录 一、概述 二、Collection 关系结构 1.概览 2.说明 三、Collection 接口 1.通用方法 (1)add(E e) (2)size() (3)addAll(Collection c) (4)contains(Object o) &#…

Github 2025-03-01 开源项目月报 Top19

根据Github Trendings的统计,本月(2025-03-01统计)共有19个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目9TypeScript项目6Jupyter Notebook项目2JavaScript项目2非开发语言项目1Svelte项目1Rust项目1Go项目1C++项目1Ollama: 本地大型语言模…

【mysql】mysql数据库数据导入、导出/备份还原操作

mysql数据库数据导入、导出 win10导入 例如文件名为 :book_management.sql.gz 进入文件所在目录,解压,用360解压工具解压就可以,用7z也行 配置mysql环境变量,在文件所在目录,开启cmd 输入,mysql -h IP地…

陕西省地标-DB61/T 1121-2018 政务服务中心建设和运营规范

揭秘陕西省智慧政务服务中心新标准:打造高效便捷的服务新体验 随着信息化时代的深入发展,智慧政务已成为提升政府服务效率、优化营商环境的重要举措。陕西省作为全国政务改革的先行者,近期颁布了《陕西省地标-DB61_T 1121-2018 政务服务中心…

【力扣】5.最长回文子串

AC截图 题目 思路 初始化DP表: 创建一个大小为 n x n 的二维布尔数组 dp,其中 dp[i][j] 表示字符串 s 从第 i 个字符到第 j 个字符的子串是否为回文。 初始化所有长度为1的子串为回文,即 dp[i][i] true。 处理长度为2的子串: …