vue el-table 表格宽度无法缩小自适应

news/2024/7/10 1:19:00 标签: vue, table, 宽度, 无法, 自适应

当浏览器被拉升时,父子元素会同步拉升,但是当浏览器缩小时,父子元素无法同步缩小。

原因是element 内部的table宽度是根据父级元素来计算的。当父元素是 flex 布局时,嵌套的子元素会有一个是固定的宽度。当子元素的固定宽度大于 flex 的宽度时,flex 就不会自动缩小。

解决办法:

table的父元素设定相对定位,给table设定绝对定位,例如:

::v-deep .my_table {
    position: relative;
    .el-table {
        position: absolute;
    }
}


http://www.niftyadmin.cn/n/1727436.html

相关文章

佳能c3320怎么设置接收方_新手学摄影全指南:认准4大品牌相机上手豁口,掌握9大参数设置...

如果你有过任何一次尝试学习一个工具或者一项技能的经历,相信在学习过程中你一定经历过从一头雾水到幡然领会的瞬间,找到某个技能的上手规律,撕开学习的口子之后,很多一开始觉得难以掌握的知识点,回过头来看却会发现它…

Linux 同步系统时间,并修改时区

1. 同步时间 sudo ntpdate ntp.api.bz 2. 选择时区 3. 替换时区文件 sudo mv /etc/localtime /etc/localtime.old sudo ln -s /usr/share/zoneinfo/Asia/Shanghai /etc/localtime

Linux、Windows获取主板序列号和UUID

Linux: # 获取主板序列号 sudo dmidecode -s system-serial-number# 获取UUID sudo dmidecode -s system-uuid Windows: # 主板序列号 wmic baseboard get serialnumber# 获取UUID wmic csproduct list full | findstr UUID

git 怎么回退已经push的版本_git教程

前言:公司也开始用git版本控制了,总结汇总下常用命令~Git的思想和工作原理git是一个内容寻址文件系统,并在此之上提供了一个版本控制系统的用户界面。Git是一个分布式的版本控制系统Git和之前版本控制系统的区别Git 和其他版本控制…

vue el-table 滚动条样式设置(谷歌、火狐)

对于el-table滚动条的样式,webkit(谷歌为代表)和 moz(火狐)的设置是不同的,因此需要分别进行设置。 webkit(谷歌) // 滚动条大小设置 ::v-deep .el-table__body-wrapper::-webkit-…

大数据复核_CPA成绩复核有多大的几率成功?

在历经两个月的煎熬等待,注会考生终于在冬至日迎来了注会考试成绩,但除了好消息外,高顿CPA小编也看到许多人只差几分就能合格,59分尤其多!有一说一,59分真的是注会人最不想面对的成绩,只要一分就…

uniapp 刷新后数据都没有了_UNI-APP返回刷新的问题

回复 530915474qq.com:这一段在调用返回的方法中写:var pages getCurrentPages();var currPage pages[pages.length - 1]; //当前页面var prevPage pages[pages.length - 2]; //上一个页面//直接调用上一个页面的setData()方法,把数据存到上一个页面中…

linux 快速创建10GB大文件

dd if/dev/zero ofbig_file count10 bs1G