element ui中表头文本居中的方法

最新推荐文章于 2025-05-06 16:15:47 发布

caimaomaocai

最新推荐文章于 2025-05-06 16:15:47 发布

阅读量9.3w

点赞数 23

本文链接：https://blog.youkuaiyun.com/caimaomaocai/article/details/81108600

版权

哈哈，昨天一直发愁弄不好elementui表头的文本居中，我试过很多方法，使用chrome的开发者工具找到相对应的类名加上text-align:center。。但是这个方法是没有效果的。然后我试着添加一个自定义表头的方法，但是也行不通。。。

今天才发现自己真的蠢。。废话多了点。。

 <el-table-column
                     prop="date"
                     label="日期"
                     align="center"  //element ui 表头文本居中的方法
                    >

下面是转载别人的自定义表头的方法，以备以后需要用到

转载自:https://blog.youkuaiyun.com/u010214074/article/details/79474725

companyRenderHeader(h, { column, $index }){
  return h("span",[
    h("span",{
      "class":{
        "red-star":true
      }
    },"*"),
    h("span","委托方"),
  ])

}