el-table中的文本居中

el-table中的文本居中

1、整个表格和内容居中的方式:

  • header-cell-style设置头部居中;
  • cell-style设置单元格内容居中
javascript"><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>
转载请说明出处内容投诉
CSS教程_站长资源网 » el-table中的文本居中

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买