Vue框架的element组件table文字居中

 1.直接上代码

   <el-table max-height="500px" :data="datas.roles" 
    style="width: 100%" border :header-cell-style="{textAlign: 'center'}" :cell-style="{ 
       textAlign: 'center' }">
      <el-table-column prop="id" label="序号" width="100px" />
      <el-table-column prop="name" label="角色名称" width="100px" />
      <el-table-column label="操作" width="180px">
      </el-table-column>
    </el-table>   

表头水平居中：

:header-cell-style="{textAlign: 'center'}"

列表水平居中

 :cell-style="{ textAlign: 'center' }"

 

原创作者：吴小糖

创作时间：2023.11.17