当前位置: 首页 > 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.dtcms.com/a/47942.html

相关文章:

  • 【Linux实践系列】:用c语言实现一个shell外壳程序
  • HTML + CSS 题目
  • C语言基础知识02
  • 安防监控/视频集中存储EasyCVR视频汇聚平台如何配置AI智能分析平台的接入?
  • 分布式锁—2.Redisson的可重入锁二
  • CSS - 妙用Sass
  • 字符串--子串匹配
  • Linux进程状态
  • BUUCTF [BJDCTF2020]EasySearch1
  • Android Flow 示例
  • Flutter 学习之旅 之 flutter 使用 flutter_screenutil 简单进行屏幕适配
  • 【算法】837. 连通块中点的数量
  • 后端-Java虚拟机
  • STM32引脚类型
  • 1.计算机基础知识
  • Milvus向量数据库部署
  • ?算法1-4 小A点菜
  • 解决DeepSeek服务器繁忙
  • 20250303-代码笔记-class CVRPTester
  • 【现代深度学习技术】卷积神经网络03:填充和步幅
  • BUU43 [BJDCTF2020]The mystery of ip 1
  • 通配符匹配在Redis中的实现
  • 爬虫不“刑”教程
  • c++ cout详解
  • 探秘虚拟与现实的融合:VR、AR、MR 技术的变革力量
  • 清华大学AI赋能医药代表销售培训讲师专家培训师唐兴通Deepseek医药数字化营销大健康数字化转型医药新媒体营销
  • 云平台 | 玩转单细胞比率可视化
  • yoloV5的学习-pycharm版本
  • T41LQ专为人工智能物联网(AIoT)应用设计,适用于智能安防、智能家居、机器视觉等领域 软硬件资料+样品测试
  • 【前端】前端设计中的响应式设计详解