首页 > 其他分享 >el-select内嵌在el-table中时,select下拉弹出框看不见的问题处理

el-select内嵌在el-table中时,select下拉弹出框看不见的问题处理

时间:2024-03-08 16:01:18浏览次数:22  
标签:el 下拉弹 内嵌 cell table 下拉框 select

el-select内嵌在el-table中时,select下拉弹出框看不见的问题处理,项目中遇到用到el-select内嵌在表格的一个td cell中,起先是下拉框会随着页面的滚动而位置移动,这是因为popper-append-to-body 默认为true引起的,查阅之后,把它改为了false就可以了,可是这个时候发现,el-select点击展开,下来菜单却看不见了

 
:popper-append-to-body="false"

  

检查元素发现,下拉框是存在的可就是不显示,经过定位挪动才知道,.el-table .cell默认样式有一个overflow:hidden,导致下拉框隐藏了,我们只需要设置样式: /deep/ .el-table td .cell { overflow: inherit; } 这个时候就能看到下拉菜单了

   
/deep/ .el-table td .cell {
	overflow: inherit;
}

  

标签:el,下拉弹,内嵌,cell,table,下拉框,select
From: https://www.cnblogs.com/ygunoil/p/18061172

相关文章

  • 工作常用的EXCEL公式 | 将一个字符串中的文本和数字进行拆分
    需求:将A列拆分成B、C列 公式:=LEFT(A2,2*LEN(A2)-LENB(A2))=RIGHT(A2,LENB(A2)-LEN(A2)) 函数用法说明: ......
  • 修改elment的下拉组件,满足大数量下拉
    针对我们项目中经常会遇到下拉框在遇到大量数据时,加载会卡顿,用户体验感不好。针对该情况我对el-select组件做了一下修改,来满足这样大量数据下拉不卡顿。提高用户的体验感。具体代码如下:<template><div><el-selectstyle="width:100%"v-model="selectVal......
  • ElasticSearch基础篇
    一、基本概念1、类比数据库的概念索引(Index):类似于数据库中的“数据库”,是某类文档的集合。类型(Type):类似于数据库中的“表”,是索引中的一个逻辑分区。文档(Document):类似于数据库中的“记录”,是一个可被索引的信息载体。分片(Shard):Elasticsearch会将索引数据细分为多个分片......
  • C++ Qt开发:QFileSystemModel文件管理组件
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍如何运用QFileSystemModel组件实现文件管理器功能。QFileSystemModel是Qt框架中的一个关键类,用于......
  • 自动化测试之excel操作
    1.fromopenpyxlimportload_workbook2.有三个对象,wb=load_workbook()--获取工作簿对象,s=wb['sheet']--获取sheet页对象,s.cell(2,2)---获取2行2列中的一个值3.每一行数据,存储在字典当中,一行代码一个测试用例数据1)key:value  2)key:遍历第一行 3)titles=[ ] forc......
  • 把图片插在excel单元格里
    本文以WPS专业版举例1、如下图,选择对应的单元格 2、通过“插入”菜单插入图片或直接粘贴图片3、如下图,对插入的图片点击鼠标右键,选择“切换为嵌入单元格图片”4、完成 ......
  • el-date-picker type=datetime时设置默认时间
    vue2设置默认时间<el-date-pickerv-model="value3"type="datetime"placeholder="选择日期时间"default-time="12:00:00"></el-date-picker>vue3设置默认时间<el-date-pickerv-model=&q......
  • elasticsearch 查询数据-深度分页解决方案
    es深度查询时,如果数据量超过10000,es会报错,后续的数据就查不了了,当然,es为我们提供了下查询方案,游标查询或者search_after查询。以下是kibana测试dsl:#1.游标方式#第一次查询获取游标,同时处理数据(返回数据中含游标信息)GETmy_results/_search?scroll=1m{"sort":[......
  • 中转Webshell绕过流量检测防护
    0x01原理这里先给大家介绍一句话木马和菜刀的工作原理,了解的可以往下面翻一句话木马先说说一句话木马的原理<?phpeval($_POST['c']);?>先说说eval()这个函数简单点说,eval()这个函数会把参数当作代码来执行什么叫做把参数当作代码来执行,简单举个例子<?phpphpinfo();?>......
  • python用win32com.client驱动excel时如何控制是否更新链接?
    python中Pywin32库的win32com.clien模块在驱动Excel时有诸多好处:1、可以决定是否显式地打开Excel应用,调试的时候所见即所得;2、可以用近乎一样的VBA语法,几乎能实现VBA可以实现的所有功能;3、它甚至也支持直接调用Excel中已经写好的宏文件。那它有什么缺点呢?我觉得最主要......