Element - table表格控件表头和内容列不对齐的问题

今日在使用Element开发时,发现了一个奇怪的问题,就是table控件中表头和内容列不对齐的问题,如下图所示:


1、需要解决这个问题非常简单,只需要在全局样式中(index.html中、或者app.vue中)加上如下代码即可。

.el-table th.gutter{

  display: table-cell!important;

}

2、如果上述方式不行,可替换成以下代码试试,同样是添加到全局样式中

.el-table--border th.gutter:last-of-type {

  display: block!important;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容