当前位置: 首页 > news >正文

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

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

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

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

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.lryc.cn/news/546550.html

相关文章:

  • 基于Windows11的DockerDesktop安装和布署方法简介
  • ffmpeg源码编译支持cuda
  • 动漫短剧开发公司,短剧小程序搭建快速上线
  • 《2025软件测试工程师面试》接口测试篇
  • 嵌入式学习第二十三天--网络及TCP
  • Elasticsearch:解锁深度匹配,运用Elasticsearch DSL构建闪电般的高效模糊搜索体验
  • SQLAlchemy系列教程:基本数据类型及自定义类型
  • 【Wireshark 02】抓包过滤方法
  • ES怎么查询大于10000条数据
  • 《几何原本》命题I.8
  • 课程2. 机器学习方法论
  • ioday2----->标准io函数
  • SQL注入练习场:PHPStudy+SQLI-LABS靶场搭建教程(零基础友好版)
  • 【笔记ing】python
  • DFT之SSN架构
  • 四十二:VSCODE打开新文件覆盖上一个文件窗口问题
  • JMeter 引入 JAR 包的几种方法
  • 记一次ScopeSentry搭建
  • C语言_数据结构总结1:静态分配方式的顺序表
  • C语言--简单排序算法(冒泡、选择、插入)
  • 【文献阅读】The Efficiency Spectrum of Large Language Models: An Algorithmic Survey
  • MySQL-高级查询
  • Netty笔记10:LengthFieldBasedFrameDecoder很简单,请看
  • linux 安装Mysql无法远程访问问题的排查
  • DeepSeek搭配Excel,制作自定义按钮,实现办公自动化!
  • 英文生物信息学技术社区Top10推荐:基本情况、评介和网页链接
  • Lumerical INTERCONNECT 中的自相位调制 (SPM)
  • 每日定投40刀BTC(6)20250227 - 20250302
  • leetcode 230. 二叉搜索树中第 K 小的元素
  • 华为hcia——Datacom实验指南——配置手工模式以太网链路聚合