设置表头样式:
:header-cell-style="{'background':'#eef1f6','color':'#606266','text-align': 'center'}"
设置表格内容样式:
:cell-style="{'text-align':'center'}"
解决表头和内容居中显示后,表格错位的问题:
.el-table {
&:deep(.el-table__header) {
col[name="gutter"] {
display: table-cell !important;
}
}
}