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