element table 表头样式部分修改该如何实现？

Question

想实现如下效果：

代码

<el-table-column prop="stock"
                  align='center'
                  label="房源（ 剩余/全部 ）">
  <template slot-scope="scope">
    <span>{{scope.row.stock }} / {{scope.row.stock }}</span>
  </template>
</el-table-column>

Answer 1

F12 打开控制台
看看生成的html dom是什么，这样你才知道去改哪里，

lable里面不支持html，只能是文本，但是这就能主旨我们了吗，
我想了个变通的办法，用css after

给个效果给你

https://jsfiddle.net/5nez6qmo/4/

Answer 2

render-header 列标题 Label 区域渲染使用的 Function Function(h, { column, $index }) — —