首页 / 脚本样式 / Vue / el-table 设置表头居中 ，表格内容某一列居中或左对齐或者右对齐

<el-table

  :data="tableData"

  style="width: 100%"

  :header-cell-style="{'text-align':'center'}"> //这里设置表头居中

  <el-table-column

    prop="date"

    label="日期"

    width="180" align="center" >//这里设置第一列内容居中对齐

  </el-table-column>

  <el-table-column

    prop="name"

    label="姓名"

    width="180" align="right" >//这里设置第二列内容右对齐

  </el-table-column>

  <el-table-column

    prop="address"

    label="地址" align="left">//这里设置第三列内容左对齐

  </el-table-column>

</el-table>