elementui 表格兼容safafi 对不齐与错位问题，上下表格差几px 解决

最新推荐文章于 2023-11-15 10:35:55 发布

Holly1945

最新推荐文章于 2023-11-15 10:35:55 发布

阅读量522

点赞数

文章标签： html5 elementui

本文链接：https://blog.csdn.net/Holly1945/article/details/120849393

版权

本文探讨了在Safari浏览器中遇到的ElementUI表格显示错位的问题，特别是当设置表格可拖拽边框时。通过分析，发现移除border属性可以解决上下表头错位的状况。解决方案包括为表格的body和header设置固定宽度，并确保gutter在colgroup和th中正确显示为table-cell。这为在Safari中使用ElementUI进行前端开发提供了关键的样式调整建议。

摘要由CSDN通过智能技术生成

在Safari中 element ui 表格错位

/* 表格兼容safafi错位 */
.el-table__body,
.el-table__header {
  width: 100%;
  table-layout: fixed !important;
}
.el-table th.gutter {
  display: table-cell !important;
}
.el-table colgroup.gutter {
  display: table-cell !important;
}

在这里插入图片描述
上图这种情况是我没有设置el-table__header 这个属性会出现这个问题

出现这种问题的可能原因：设置border 表格可拖拽
去掉border属性，上下表错位问题就没有了

Holly1945

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
elementui 表格兼容safafi 对不齐与错位问题，上下表格差几px 解决

在Safari中 element ui 表格错位/* 表格兼容safafi错位 */.el-table__body,.el-table__header { width: 100%; table-layout: fixed !important;}.el-table th.gutter { display: table-cell !important;}.el-table colgroup.gutter { display: table-cell !important;}
复制链接

扫一扫