element ui表格标题及内容居中

场景: 在开发的时候，经常会用到element-ui表格功能,开发后，发现表格内容及标题没有对齐，看起来不太美观，就这个问题浅浅记录一下

• 表头使用【一行内码搞定】

 <el-table
       :data="dataLis"
        height="250"
        border
       highlight-current-row // 某行数据高亮显示
       :header-cell-style="{ backgroundColor: '#eef5ff',   textAlign: 'center',  }" //表头内容居中
       :cell-style="columnStyle" //表格内容居中
       style="width: 100%"
 
 >
 </el-table>

• 效果展示