el-table のテキストを中央揃えにする

el-table のテキストを中央揃えにする

1. フォーム全体とコンテンツを中央に配置する方法:

• header-cell-style はヘッダーを中央に配置するように設定します。
• cell-style はセルの内容を中央揃えに設定します

<el-table
    :data="tableData"
    :header-cell-style="{'text-align':'center'}"
    :cell-style="{'text-align':'center'}"
    style="width: 100%">
</el-table>

2. 単一のテーブルの内容を中央に配置します。

• el-table-column に align='center' を追加するだけです

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