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

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.kler.cn/a/570745.html

相关文章:

  • PDF万能水印删除工具
  • HarmonyOS学习第13天:布局进阶,从嵌套到优化
  • 我的ChatGPT怎么登不上?
  • 普中51单片机和金沙滩51单片机的对比分析
  • STM32单片机芯片与内部111 STM32 DSP内核 介绍 功能 库与源码
  • 计算机视觉算法比较
  • Hadoop大数据技术栈简介
  • Windows 环境下 Nginx、PHP 与 ThinkPHP 开发环境搭建
  • 【西瓜书《机器学习》十至十二章内容通俗理解】
  • 算法day5 bfs搜索
  • golang的io
  • Angular Superresolution with Antenna Pattern Errors论文阅读
  • C 语言在微软平台:经典与创新的交融
  • 算法学习之路】5.贪心算法
  • 钉钉宜搭智能车辆管理系统:AIoT技术驱动的全场景解决方案(价值体现版)
  • 零信任架构和传统网络安全模式的
  • USRP6330-通用软件无线电平台
  • C与C++的区别
  • 【前端】前端设计中的响应式设计详解
  • 005-Docker 安装 Redis