element-ui中el-table表格的表头和表格内容居中显示

  • Post author:
  • Post category:其他


在这里插入图片描述



这是让整个表格和内容居中的方式:header-cell-style设置头部居中;cell-style设置单元格内容居中
 <el-table
          :data="tableData"
          style="width: 100%;"
          :height="bodyHeight - 172"
          :header-cell-style="{'text-align':'center'}"
          :cell-style="{'text-align':'center'}"
 >


如果想让单个表格的内容居中:只需要在el-table-column上加上align=‘center’
 <el-table-column label="招聘人数" prop="require_num" min-width="150"  align='center'>
 </el-table-column>



版权声明:本文为hong521520原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。