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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐