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

2026-04-10 40 浏览 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 */


发布评论

发布评论前请先 登录
取消
0 评论
点赞
收藏

评论列表 0

暂无评论