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

Posted 2021-06-17 WHOVENLY

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

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

.el-table th.gutter{
  display: table-cell!important;
}

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

.el-table--border th.gutter:last-of-type {
  display: block!important;
}