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 ;
}
相关推荐
Milian8 分钟前
每日前端知识点(一):原型与原型链
javascript
wa的一声哭了8 分钟前
hf中transformers库中generate的greedy_search
android·java·javascript·pytorch·深度学习·语言模型·transformer
OpenTiny社区29 分钟前
不止按钮和表格!TinyVue 偷偷上线 Space 组件,直接搞定「弹性+间距」布局
前端·vue.js·github
FogLetter36 分钟前
Vue 全家桶深度探索:从语法精要到项目实战
前端·vue.js
花归去39 分钟前
vue甘特图
前端·javascript·vue.js
李瑞丰_liruifengv43 分钟前
使用 Claude Agent SDK 开发一个 Agent 原来这么简单
前端·javascript·agent
残冬醉离殇44 分钟前
《手撕类Vue2的响应式核心思想:我的学习心路历程》
前端·vue.js
用户12039112947261 小时前
深入JavaScript数组:从内存模型到遍历性能,打造高性能代码的基石
javascript
驯狼小羊羔1 小时前
学习随笔-http和https有何区别
前端·javascript·学习·http·https
进击的野人1 小时前
JavaScript DOM操作与事件处理:从小兔鲜儿电商网站看现代前端开发实践
前端·javascript