Element-UI在safari浏览器下table列表无法对齐的问题_苹果电脑自带浏览器打开element-ui表格省略号无效

作者：2023面试高手 | 2024-02-19 08:07:38

踩

苹果电脑自带浏览器打开element-ui表格省略号无效

由于Element-UI的table列表会在两个column中间添加一条能够拖动的竖线，（可能表现的不明显以至于很多人并没有发现，但是竖线是确实存在的。）在safari浏览器下这个竖线的样式无法正确渲染，所以导致了table列表的表头与内容存在几个px的偏差。

我寻找了很久，也尝试与Element-UI官方团队进行沟通，希望官方能够修复这个bug。但是并没有生效，bug依旧存在。

下面给出我的解决方案：

setTimeout(function(){
    if(!/Chrome/g.test(navigator.userAgent)&&/Safari/g.test(navigator.userAgent)){
        $('#myId').find('table').find('th.gutter').remove();
     }
},500);1
2
3
4
5

基本思想就是在页面加载初期通过选择器将这个竖线样式找出，然后将其移除，从而保证我们的页面能够正常显示。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/113556