el-table-column的header属性自定义表头模板无效

如果你在 Vue 的 el-table-column 组件中使用了 header 属性自定义表头模板，但是无法生效，可能是因为你没有设置 scoped slot。

你需要在 el-table-column 组件中使用 scoped slot 来渲染自定义的表头模板。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name">
    <template slot-scope="scope">
      <!-- 使用 scoped slot 渲染自定义表头模板 -->
      <span>{{ scope.column.label }}</span>
      <i class="el-icon-arrow-up" @click="sortTable('asc', scope.column.property)"></i>
      <i class="el-icon-arrow-down" @click="sortTable('desc', scope.column.property)"></i>
    </template>
  </el-table-column>
</el-table>

在上面的示例中，我们在 el-table-column 组件中使用了 scoped slot，并在模板中渲染了自定义的表头。在 scoped slot 中，我们可以通过 scope 对象来访问列的相关信息，例如 column.label 获取列的标签，column.property 获取列的属性名。

如果你仍然无法生效，请检查是否有其他的样式或脚本影响了表头的渲染。