解决 elementUI 在IE下 table 表格宽度不是100%的问题

最新推荐文章于 2023-09-26 11:02:05 发布
最新推荐文章于 2023-09-26 11:02:05 发布
阅读量4.1k 收藏 4
点赞数
分类专栏： element-ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42288182/article/details/104037844
版权
问题描述（看下图）：

在这里插入图片描述

解决方法：
.el-table__header{
    width: 100% !important;
}
.el-table__body{
    width: 100% !important;
}

在这里插入图片描述

songywaa
关注
专栏目录
element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决
u013994400的博客
03-01 675
element-ui 表格列会动态持续增加
vue2打印el-table表格宽度无法撑满自适应,复制即用
qq_52099965的博客
04-13 763
vue2打印el-table表格宽度无法撑满自适应， 复制即用
【IE11】elementUI table 表格宽度不是100%的问题
weifenhong的博客
07-14 1226
.el-table__header{ width: 100% !important; } .el-table__body{ width: 100% !important; }
el-table中每列设置同样的宽度导致表格宽度没法实现100%布局
BADAO_LIUMANG_QIZHI的博客
03-09 1521
场景 el-table中表格宽度无法实现100%布局。 原因是el-table中每列el-table-column都设置了宽度，这里宽度都为150 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、去掉所有或者部分列的width设置就会自动宽度为100% ...
el-table设置宽度100%超长拉伸问题解决
weixin_44177413的博客
09-26 1130
这时候我们给表格外面加个盒子 宽度设置100% 绝对定位 然后对最外层盒子设置相对定位就可以了。这里理想效果 用的grid布局(flex布局同样有效)结果宽度设置100%显示的这样。下面的表格拉的很长很长。
elementui table组件 滚动高度自适应一屏大小、高度占满剩余空间
HuafuCsdn的博客
09-14 9330
场景： 后台管理系统，数据常用表格处理、配合搜索、分页、增删改查等... 通常最佳视觉为一屏展示，顶部有导航、查询条件等，中间表格最高占满剩余高度。 给table设置高度，超出可滚动，但不好适应不同尺寸的屏幕。 不给table设置高度，则内容多的情况会超出一屏。 处理： 1.给table包一层父级元素（table-box） 2.给table-box设置高度，通常顶部内容都是定高的，所以使用...
el-table自适应宽度
m0_53525025的博客
02-09 2521
el-table自适应宽度
elementui表格列太少
最新发布
11-28
当使用element-ui中的el-table时，如果表格列数据相对较少，可能会出现谷歌、360等浏览器将表格宽度自适应为100%，但是IE浏览器不能自适应为100%的情况。解决这个问题的方法如下： 1.在本vue页面下的样式区域中添加...
el-table 使用show-summary并指定height解决合计不显示后底部会出现空白区域
baidu_41682543的博客
03-14 1247
el-table 使用show-summary并指定height解决合计不显示后底部会出现空白区域
el-table表格做滚动条样式处理
qq_20954567的博客
05-28 3650
vue项目中引入Element-UI并对其el-table表格做滚动条样式处理 需求分析： 主要是对table表格中的body内容做滚动处理，表头样式不做变化。初调时X轴和Y轴都做了overflow：auto滚动设置。结果当X轴右滑动后会出现表头和表格内容对不齐的问题。经测试发现是Y轴滚动条宽度占用了表格内容的宽度。所以问题的核心还是如何使XY轴滚动且X轴显示滚动条，而Y轴隐藏滚动条。 调试过程方法测试 方案一：利用父级标签隐藏子级滚动条的思路：由于针对el-table标签中的body做处理，如果在再外
table自动拉伸在chrome与IE中的兼容性问题解决
09-25
table自动拉伸在做浏览器兼容时一直困扰着我，终于解决了，这篇文章我是极力推荐的,table有时候不好控制，一些内容自动非配td宽度以及内容撑开，边的问题有时候很让人头疼，感兴趣的各位可以参考下哈
【IE11】elementUI table 表格宽度不是100%的问题
weixin_42389270的博客
02-09 3941
【IE11】elementUI table 表格宽度不是100%的问题 在用vue写前端的时候，用到了element-ui中的el-table，在el-table-column列数据相对来说少的情况下，谷歌，360等都能将表格宽度自适应为100%，但是ie不能自适应为100%，效果如下图： 然后看别人写的文章说是加样式，但是我把这个样式加在了本vue页面下的样式区域，奈何无效果 后来将此样式加在了全局的css样式文件中，路径如下 此时达到了预想的效果 增加的样式代码信息如下： /*解决ie11下el-t
关于elementUI中，表格el-table在ie中宽度不为100%的问题
Mayflyingdancing的博客
08-07 1192
关于elementUI中，表格在ie中宽度不为100%的问题 在相应的页面中不添加任何前缀添加以下css //关于ie下表格宽度不为100%的问题 .el-table__header{ width: 100% !important; } .el-table__body{ width: 100% !important; } ...
vue + elementui的table在ie和火狐中边框不显示的问题
li00828的博客
04-11 4057
问题：table组件同时设置border和stripe属性，有斑马线的行border显示不出来解决方案：        td { background-clip: padding-box; }给td设置背景裁剪规则来解决FireFox的兼容性问题，完美解决...
Vue+Element ui开发中碰到的IE问题
热门推荐
我走过最长的路，就是这条爬坑之路！！！
04-18 3万+
IE9样式错乱，IE11无法正常加载v-loading等问题 引入了babel-polyfill插件，依然出现”polyfill-eventsource added missing EventSource to window”的奇怪问题(ie所有版本都有出现) 第一步：安装babel-ployfill （已安装请跳过此步骤） yarn add babel-ployfill 修改we...
element-ui Table自适应
Beamon__的博客
04-10 9004
场景描述： 在一个宽高自适应的容器内引入Table组件，容器的宽度和高度不定，需要Table的宽和高随容器大小变化而变化，容器过小时，表格出现滚动条； 解决思路： element-ui的Table组件默认宽度100%，主要解决高度问题，在组件的api说明里，有一个height属性，描述如下： 这一属性的主要作用为设置Table的高度，超出此高度Table会显示滚动条，结合我们的需求，只...
ElementUI 表格筛选时IE浏览器兼容问题
syx_cainiao的博客
10-20 945
ElementUI 筛选时IE浏览器兼容问题
elementUI-plus中table表格宽度如何是100%
05-14
要让 elementUI-plus 中的表格宽度为100%，你可以设置 `width` 属性为字符串 `"100%"`，如下所示： ```html <el-table :data="tableData" :width="'100%'"> <!-- 表格列 --> </el-table> ``` 这样就可以让...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值