element ui 表格缩放在IE或者谷歌浏览器里会有线条消失

最新推荐文章于 2024-09-16 17:51:15 发布

原创最新推荐文章于 2024-09-16 17:51:15 发布 · 672 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #elementui

本文描述了在ElementUI表格在IE或谷歌浏览器缩放时线条消失的问题，并提供了解决方案，即在表格外部添加一个带有`process-step`类名的div并应用特定样式。

部署运行你感兴趣的模型镜像

element ui 表格缩放在IE或者谷歌浏览器里会有线条消失，这个时候就很头疼。

我们只需要在表单外加一个div，并且给上一些样式就行,例如我这个div盒子里是一个整体的表单，我们只需要在外面加一个process-step的类名。给上以下样式就可以了

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lyd77777777

关注关注

9
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vxe-table 边框不显示问题修复

https://shixuebin.gitee.io/hexo-blog/

06-21

2088

可惜的是，官网没有解决办法。去设置边框好像就不会出现缩放的时候边框部分消失的现象。出现这个的原因是因为：一个css样式引起的，默认是用。，用这个设置的边框效果，如果使用。

Element-UI 表格无限抖动问题及解决

一碗清深的博客

01-22

1414

Element-UI 表格无限抖动问题及解决

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

优快云-Ada助手 2023.12.20
恭喜你开始写博客了！标题看起来很有技术含量，希望你可以继续分享你在解决这个问题上的经验和心得。不过我觉得如果能够提供一些具体的解决方案或者案例分析会更加有助于读者理解和应用，期待你的下一篇博客！加油！推荐【每天值得看】：https://bbs.youkuaiyun.com/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1

解决element-ui的表格设置固定栏后，边框线消失的bug

weixin_44590591的博客

09-15

1518

解决element-ui的表格设置固定栏后，边框线消失的bug // 解决element-ui的表格设置固定栏后，边框线消失的bug /deep/ .el-table__row { td:not(.is-hidden):last-child { right: -1px; } } /deep/.el-table.theme table thead tr th { background: #3399ff !important; border-right:

elementui中table缩小后表格边框去不掉

Sa883349的博客

09-05

463

/边框颜色与表格背景颜色一致,颜色也可以是透明色transparent。//这个颜色是表格背景颜色也可以是透明色（transparent）今天写通过transform：scale()进行了缩小，本来应该是图片一这个样式，结果变成了图片二这个样式。给.el-table添加。

ElementPlus学习-tabel-边线消失

NtrlL的博客

04-18

756

margin不能大于20px。

关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题

zhoushuizhang的博客

09-17

4667

一、简单说明项目使用Vue+Element UI进行开发，使用了DateTimePicker 日期时间选择器。二、问题描述打开修改对话框（进行选择日期操作可以正常显示），在谷歌浏览器中初始化时能够显示日期和时间，但是一到IE浏览器中初始化时无法回填在显示框，不过控制台可以输出时间。谷歌浏览器中： IE浏览器（11版）中：三、解决方案 ...

element-ui表格操作大全

热门推荐

liaoxuewu的博客

07-24

8万+

两种实现方式 1、表格内部显示和编辑切换这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可以通过slot-scope中的index去实现，在控制显示隐藏的属性上绑定index就可以选中当前行了，如showEdit[index]。 html中的代码： &amp;amp;amp;amp;amp;lt;el...

element ui的table组件在鼠标滑动时边框线消失的解决

weixin_42349568的博客

01-04

2335

一，表现形式为了明显点，我改成红色边框线，可以看到在鼠标滑动之后，这个边框线会消失。（注：这个手机号是我瞎写的，别乱打，打通了我会被打的！）二，解决办法使用table时，加上这个样式： :cell-style="{background:'#fff'}" ...

【Element】el-table，ie浏览器，无数据时样式变形问题

开发学习工作日志

08-13

968

使用el-table，"暂无数据"，挤到第一列问题。

解决vue中e-table在谷歌浏览器中表格线不对齐问题

weixin_43250576的博客

07-12

1023

vue中使用e-table时，发现会出现浏览器不兼容的问题，谷歌浏览器中表头的横竖线会有一点偏差解决方案：在style中加 body.el-tableth.gutter{ display:table-cell!important; }

【ElementUI】el-table 的表头和内容列不对齐

票票的博客

08-30

2411

el-table 表头和内容列错位

图像缩小倍数过大导致直线细节丢失的解决方案

zhongkey99的专栏

05-27

1959

如果一张图像需要进行5倍以上的缩放，如果使用一般的差值算法，图片的细小直线会丢失，可以采用多次缩放的方法解决，比如缩小10倍的大小，可以进行两次3倍的缩小，一次10/9的缩小，不过这样需要进行3次缩放，需要比较大的时间。这里可以采用一种2密次方的方法进行缩放，比如缩放10倍，可以先缩放2的3次方（8倍的缩放），在进行一次10/8的缩放，2的密次方的缩放比较容易，比如图像的宽，高为16*16，缩放后图像大小为2*2，缩放过程只要将对应的临域的像素点取平均，即可。将结果在进行一次10/8的缩小，即可完

ElementUI的table表格表头错位问题解决

qq_52337177的博客

11-25

2103

ElementUI的table表格表头错位问题解决

IE浏览器弹出新窗口过小且无法放大的问题

weixin_44209785的博客

08-13

1万+

IE浏览器弹出新窗口过小且无法放大的问题解决方法：设置成在新标签页中打开弹出窗口。而不是在新窗口打开。具体步骤如下：打开浏览器——设置——Internet选项——常规——标签页（更改网页在标签页中的显示方式）——遇到弹出窗口时：始终在新标签页中打开弹出窗口——重启 ...

解决element-ui的表格列的边框线消失的bug

Future1994的博客

08-18

4535

转自：https://www.cnblogs.com/shuen/p/10196545.html 如上图所示，边框线消失了，解决方法如下添加css代码，如果是修改全局，则到全局样式文件添加 .el-table__row{ td:not(.is-hidden):last-child{ right:-1px;} } 如果是修改局部，则用样式穿透添加，在当前页面的css文件添加 /*注意deep两侧都要有空格*/ .current_page_classname /deep/ ..

el-table设置边框后底部边框无法展示的解决方法

123

09-03

4735

在使用Element-UI的el-table组件时，使用cell-style给表格增加边框后，最底部的一条横线无法显示，这时候不要怀疑是自己的css写的不对，原因在于el-table的样式文件中给.el-table这个class设置了position:relative，导致无法正确显示。只需要把样式文件中的这个属性删除掉即可，暂时没发现有什么影响。 ...

Element-UI表格滚动错位问题分析与解决

2. **浏览器兼容性**：由于问题在谷歌浏览器中发生，可以查看 Element-UI 的浏览器兼容性列表，确保对谷歌浏览器的支持。如果问题与浏览器兼容性相关，可能需要考虑使用浏览器特定的CSS或JavaScript代码来解决。 3....