el-table 设置表头居中，表格内容某一列居中或左对齐或者右对齐

最新推荐文章于 2024-08-01 14:08:25 发布

1098168585

最新推荐文章于 2024-08-01 14:08:25 发布

阅读量1.3w

点赞数 6

本文链接：https://blog.csdn.net/qq_38730092/article/details/105785787

版权

<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>