(vue) el-table header, content centered

(vue) el-table header, content centered

---

Effect:

---

• Both header and content are centered

<el-table
  :data="gridData"
  :header-cell-style="{'text-align':'center'}"
  :cell-style="{'text-align':'center'}"
>

• Center the content of a single table: add align='center' to el-table-column

<el-table-column label="名称" prop="realname" align="center">
</el-table-column>

---

Solution reference: https://blog.csdn.net/weixin_44021888/article/details/125317539