el-table使用fixed后,最后一行显示不全;el-table设置fixed后,最后一行被遮挡。

解决代码:

.el-table {/deep/ .el-table__body-wrapper {overflow-x: scroll !important;//直接设置横轴内容滚动条 即可撑高高度 还不影响使用}
}

一、情景:给element的el-table设置fixed固定后,最后一行显示部分被遮挡。有的说是有时出现这个问题。但是官方文档使用方法却没有出现。

二、原因: 这个bug现象只会在 使用fixed且没有滚动条的情况下才会出现,这也就解释了官方案例为啥正常了。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、问题分析:
注意:解决方案3.1是如何找到问题和修改的,但是不推荐。 解决方案3.2更好更推荐使用。
原因:el-table下有个el-table_fixed盒子,就是el-table_fixed高度不够导致了遮挡。

解决方案3.1(不推荐做法):
优点:显示正常
缺点:导致此固定列下方的滚动条被遮挡,导致无法点击滚动。
在这里插入图片描述> 在这里插入图片描述
在这里插入图片描述
设置100%代码如下:

.el-table {/deep/ .el-table__fixed {height: 100% !important; //设置高优先,以覆盖内联样式  但是会遮挡滚动条}
}

解决方案3.2(推荐做法):直接给表格内容 .el-table__body-wrapper 设置横向滚动条。
优点:直接就撑高了el-table_fixed的高度,显示正常,而且有滚动条时候也可以正常滚动。
缺点:内容足够时候也会有滚动条部分。但是这都是小的细节了对吧。。。可以忽略
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下方是设置滚动条的代码↓↓↓↓↓↓↓↓↓↓↓↓↓

直接复制此一段代码即可。

.el-table {/deep/ .el-table__body-wrapper {overflow-x: scroll !important;//直接设置横轴内容滚动条 即可撑高高度 还不影响使用}
}

四、总结:
直接设置横向滚动条既可以!有效的话点个赞评论收藏一波,让更多朋友能看到吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403311.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

OpenWrt

Contents 1 The Router 1.1 Getting started  1.1.1 Installation  1.1.2 Initial configuration  1.1.3 Failsafe mode 1.2 Configuring OpenWrt  1.2.1 Network  1.2.2 Wireless 1.3 Advanced configuration  1.3.1 Hotplug  1.3.2 Init scripts  1.3.3 …

bash shell函数中返回任意值的四种方法

From: http://www.jbxue.com/article/11322.html 本文介绍下,在bash shell编程中,从函数中返回任意值的几种方法,有需要的朋友参考下。在bash中,函数更像一个子程序,即其返回值,只能是一个数字&#xff0c…

Linux:ps命令以及进程状态详解

Linux 查看进程PS命令详细介绍 1.ps简介 ps命令就是最根本相应情况下也是相当强大地进程查看命令.运用该命令可以确定有哪些进程正在运行和运行地状态、进程是否结束、进程有没有僵死、哪些进程占用了过多地资源等等.总之大部分信息均为可以通过执行该命令得到地. 2. ps命令及其…

修改el-table滚动条样式

.el-table {// 滚动条的宽度/deep/ .el-table__body-wrapper::-webkit-scrollbar {width: 10px; // 横向滚动条height: 10px; // 纵向滚动条 必写}// 滚动条的滑块/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {background-color: #1fff;//颜色border-radius: 5px…

NQueens, NQueens2 N皇后问题,递归回溯

N皇后的规则:任意两个皇后不在同一行,不在同一列,不在同一斜线上。 算法分析:这种问题就用回溯法。深度搜索然后回溯。用一个数组记录每一行皇后的位置,下标代表行,值代表列。对行深度搜索。 public class …

Mac OS 如何更改文件的默认打开方式

From: http://www.ipc.me/os-x-xiao-ji-qiao.html 和使用 Windows PC 一样,人们在 Mac 电脑中往往也需要用多种应用开启同一种文件。并且,由于环境、习惯以及个人喜好不同,用户常常会希望更改某种文件的默认打开方式…… 在 OS X 系统下&a…

VMware “Transport(VMDB)error -44:Message”

这种情况说明虚拟机的一个服务没有开启,在本机中找到服务: 1. “打开运行”-“services.msc”回车。 2. 找到VMware Authorization Service这个服务,启动起来就OK了。

linux-shell面试题 之二

标签:面试题 shell 正则表达式 开发 sed 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://president.blog.51cto.com/4990508/854249由于工作的关系,收集了很多的s…

python基础学习1-列表使用

python 列表相关操作方法namelist [a,b,c,d,1,2,3,4]namelist1 [a,b,c,d,1,2,3,4]print(namelist)print(namelist[1])#取得第2个print(namelist[-1])#取得最后一个 索引从最后开始 -1,-2,-3print(namelist[0:3]) #取得列表范围 0到2 3个值 不包含 3序列上的值print(namelis…

mac下卸载jdk1.7

From: http://blog.sina.com.cn/s/blog_6940cab30102vbtp.html 目前mac上有一些软件还不支持jdk1.7,只能卸载1.7,恢复到1.6,下面二个链接是官网给出的卸载方法: http://www.java.com/zh_CN/download/help/mac_uninstall_java.xml http://docs.oracle.com/javase/7/docs/webnot…

VMware 提示”此虚拟机被配置为64位操作系统,然而,64位操作无法进行”

这种情况说明CPU没有开启虚拟化,需要进入主板BIOS界面进行设置,设置选项位置因主板而异,可能在 Security/Advanced/Configuration 选项下,以 Intel 为例,找到 Intel Virtual Technology / Intel HT Technology 选项&am…

el-table列宽自适应;el-table表格的列根据内容自动撑满;el-table内容换行问题;

原文链接 重点就一个方法 :width"flexColumnWidth(‘date’,tableData)" 第一个参数是这个列的字段 第二个参数是这个表格的数据 只需要给对应的列 el-table-column 标签加上此方法 即可做到此列自适应 其他的列想要自适应宽度 同样使用 :width 方法即可 此段代码可…

Android初级教程:Android中解析方式之pull解析

在安卓中有很多种解析方式。按照大方向有xml解析和json解析。而,细致的分,xml和json解析各有自己的很多解析方式。今天这一篇主要介绍xml解析中的pull解析。对于xml的解析方式,我之前在javaweb一些知识中有写过dom和dom4j等等解析方式。有兴趣…

linux系统下PHP无法调用oracle数据库的解决方法

我们有项目php调用oracle 在正线上环境不能运行成功。经调试通过使用如下方式: $param 00000999;$en cn;passthru("/usr/local/php/bin/php /home/wwwroot/pernodricard/api/test.php $param $en"); 以脚本形式可以运行成功。 怀疑是环境变量的问题&…

vi 多窗口同步滚动--适用于人工文件比较

vi本身带有文件比较功能,这个就不多说了,有时我们需要同时查看两个非常类似的文件,但是却有少许区别的地方,当然用专业的文件比较工具自然是非常方便的。 这里我只想提一下,vi实现多窗口同步滚动的方法, 先用vi打开两个…

安装VMware导致系统USB设备无法识别

这种情况是由于VMware的USB相关服务与系统自带USB服务冲突导致,因此需要禁用VMware服务并且取消开机自启动。 打开运行(命令行) –> “service.msc”回车;找到服务为:vmware usb arbitration services 与 vmware hostd。(不同…

sqlserver 把SELECT结果集中一列的所有的值 用逗号隔开放进一个字段内

首先我们有一个表 查询结果如下: 现在我们想要把USER_NAME这一列的内容 放到一个字段里面去: 一行sql语句解决问题: SELECT STUFF(( SELECT , convert(VARCHAR, USER_NAME) FROM TE_USER FOR XML PATH()), 1, 1, ) AS UserName解释一下上面这条语句: 1,首先STUFF函数在上面的…

java-多线程-一道阿里面试题分析

2019独角兽企业重金招聘Python工程师标准>>> 传说这是阿里的一道面试题: 也传说发这道题出来的作者去了tmail。下面是关于题目的描述: 这段代码大多数情况下运行正常,但是某些情况下会出问题。什么时候会出现什么问题?如何修正&a…

MAC OS X 10.9.X下用命令行开启SSD trim的方法汇总

From: http://www.jb51.net/os/MAC/238531.html 网上有很多MAC OS X开启trim的教程,但都是老系统的了,并不支持现在的10.9.X版本,经过一番研究,终于找到了开启的新方法,这里分享给大家网上搜的好多都是以前的老方法&a…

简单话题:LED呼吸灯和串口LED指示灯

最近在串口发送引脚上接LED指示发送或者接收状态,但是需求是希望连续发送或者接收字符过程中LED闪烁,而不是保持在一个常量或者常灭的状态。首先,把实际电路图和串口时序贴出来: 可以看出串口发送接收空闲态为高电平,只要进行数据…