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

场景: 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

css 复制代码
::v-deep .el-table__body-wrapper {
	overflow-y: auto ;
}
相关推荐
李燚12 分钟前
ReAct 循环的 50 行 Go 实现,逐行拆解
javascript·人工智能·react.js·golang·aigc·agent
ZC跨境爬虫15 分钟前
跟着 MDN 学CSS day_8:(盒模型完全解)
前端·javascript·css·ui·交互
JieE21219 分钟前
手把手带你用虚拟头节点实现单链表,搞定所有边界问题
javascript·算法
许我半盏清茶35 分钟前
JavaScript 原型与原型链完全指南
javascript
xuankuxiaoyao37 分钟前
vue.js 设计与开发 ---路由
前端·javascript·vue.js
ZC跨境爬虫40 分钟前
跟着 MDN 学CSS day_6:(伪类和伪元素详解)
前端·javascript·css·数据库·ui·html
Sylus_sui1 小时前
实现:每行固定 5 个、自动换行、最后一行左对齐、数量不固定
前端·javascript·css
时寒的笔记1 小时前
11期_js逆向核心案例解析(sichuan&某理财网)
开发语言·javascript·ecmascript
_xaboy1 小时前
开源Vue组件FormCreate通过 JSON 生成AntdvNext表单
vue.js·开源·json
C+-C资深大佬1 小时前
变量作用域(通俗 + 清晰讲解,适合编程入门)
前端·javascript·vue.js