el-table中的文本居中

整个表格和内容居中的方式:
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>

单个表格的内容居中:只需要在el-table-column上加上align=‘center’

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

参考链接:https://blog.csdn.net/weixin_44880730/article/details/109118362

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐