设置ElementUI的el-table组件表格内容居中

方式一:比较麻烦

// 在每一个el-table-column中添加align='center'属性
<el-table-column prop='createTime' label='创建时间' width='200' align='center' :sortable='true' />

方式二:推荐使用

 <!-- banner列表 -->
    <el-table v-loading='listLoading' :data='list'
              class='tableBox' // 添加一个class
              border
              fit
              highlight-current-row>

.tableBox th {
  padding: 0 !important;
  height: 50px;
  line-height: 30px;
  text-align: center;
}

.tableBox td {
  padding: 0 !important;
  height: 40px;
  line-height: 30px;
  text-align: center;
}