解决 Vue Element UI 框架 Table 组件单元格错位问题 - 文章教程

解决 Vue Element UI 框架 Table 组件单元格错位问题

发布于 2020-03-23 字数 1011 浏览 2615 评论 0

Element UI 一直用的挺顺的,各种组件使用起来非常的方便,最近在使用表格的时候,发现有个小 Bug,表头和下面的单元格没对齐,如果是放大或者缩小网页,错位的距离就更大了。

解决 Vue Element UI 框架 Table 组件单元格错位问题

其中有一个单元格是没有设置宽度的,按理说是不应该出现这种问题,网上找了个方法,再强制设置表格的 display 属性得以解决。

/* 修改element表头错位的问题 */
body .el-table th.gutter {
  display: table-cell !important;
}

body .el-table colgroup.gutter {
  display: table-cell !important;
}
/* 修改element表头错位的问题 end */

解决 Vue Element UI 框架 Table 组件单元格错位问题

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清风夜微凉

文章 1 评论 0

为你鎻心

文章 2 评论 0

xxhui

文章 0 评论 0

1PKOH46yx8j0x

文章 0 评论 0

Arthur

文章 0 评论 0