el-table中label能居中吗

Question

我设置了width 还是label往左偏
有什么其他方法 能让label在这一列居中

Answer 1

你好，可以通过设置header-row-class-name属性来设置表头的class，以此来设置表头的文字居中。
以下是全部代码

<template>
    <div>
        <el-table :data="data" header-row-class-name="center">
          <el-table-column label="姓名" prop="name"></el-table-column>
          <el-table-column label="年龄" prop="age"></el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    data(){
        return{
            data: [
                {
                    name: '张三',
                    age: '18'
                }
            ]
        }
    }
}
</script>

<style>
.center th .cell{
    text-align: center !important;
}
</style>

Answer 2

:header-cell-style="{'text-align':'center'}"

Answer 3

直接在标签上写属性 align="center"，这是针对单个的，如果是全部建议采用一楼的方式