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

发布于 2020-03-23 11:53:15 字数 865 浏览 3217 评论 0

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84960 人气
更多

推荐作者

文章 0 评论 0

云雾

文章 0 评论 0

夏尔

文章 0 评论 0

alipaysp_yxYxYl56FW

文章 0 评论 0

涙—继续流

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文