ElementUI自定义表头 :render-header

将饿了么表格表头的文字修改为图标

template部分修改如下：

<el-table-column align="center" :render-header="renderHeader">
   <template></template>
</el-table-column>

js添加事件如下：

// render 事件
renderHeader(h, { column }) {
    // h即为cerateElement的简写，具体可看vue官方文档
    return h("div", [
        h("span", column.label),
        h("i", {
            class: "el-icon-picture",
            style: "font-size: 20px;",
        }),
    ]);
},