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

devtools/2025/3/4 22:00:56/

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

::v-deep .el-table__body-wrapper {overflow-y: auto ;
}


http://www.ppmy.cn/devtools/164567.html

相关文章

Compose笔记(七)--Modifier

这一节主要了解一下Compose中Modifier,它本质上是一个接口,用于描述如何修改一个可组合项(Composable)的外观和行为。它可以看作是一系列修改操作的集合,这些操作可以改变组件的大小、位置、边距、背景、点击事件等属性。 1. 布局…

7.1.2 计算机网络的分类

文章目录 分布范围交换方式 分布范围 计算机网络按照分布范围可分为局域网、广域网、城域网。局域网的范围在10m~1km,例如校园网,网速高,主要用于共享网络资源,拓扑结构简单,约束少。广域网的范围在100km,例…

链表-相关面试算法题

目录 面试题 02.04. 分割链表 面试题 02.05. 链表求和 面试题 02.06. 回文链表 面试题 02.07. 链表相交 面试题 02.04. 分割链表 面试题 02.04. 分割链表 给你一个链表的头节点 head 和一个特定值 x ,请你对链表进行分隔,使得所有 小于 x 的节点…

江协科技/江科大-51单片机入门教程——P[2-1] 点亮一个LED

本节将向大家介绍如何用 51 单片机去控制开发板上的 LED。开发板上的 LED 位置标注有 “LED 模块”。 第二章要写 3 个程序代码:第一个代码实现点亮开发板上的第一个 LED;第二个代码让第一个 LED 以 1 秒为周期闪烁;第三个代码使 8 个 LED 以…

SQL-labs less9-12 闯关记录

Less-9 时间盲注 利用数据库延时特性进行注入 Less-10 GET和POST注入 综合运用GET和POST方法进行注入 Less-9 POST-based Blind Injection 通过HTTP POST请求而不是GET参数执行盲注。 Less-10 Multi-threaded Script Injection 使用多线程脚本自动化盲注过程,…

C#开发——时间间隔类TimSpan

TimeSpan 是 C# 中的一个结构( struct ),用于表示时间间隔或持续时间。它位于 System 命名空间中,是处理时间相关操作时非常重要的工具,尤其是在计算两个日期或时间之间的差值、表示时间段或执行时间相关的运算…

【开源-常用C/C++命令行解析库对比】

以下是几种常用的C/C命令行解析库的对比表格,以及它们的GitHub开源库地址: 库名称语言特点是否支持子命令是否支持配置文件是否支持自动生成帮助信息GitHub地址ClaraC11及以上单一头文件,轻量级,非异常错误处理,自动类…

Redis--单线程模型

目录 一、引言 二、Redis单线程模型 三、原因 四、为什么redis是单线程模型,但他的速度这么快? 五、总结 一、引言 本篇文章就Redis为什么是单线程模型做简单介绍。 二、Redis单线程模型 redis只使用一个线程,处理所有的命令请求&#x…