Vue --自定义el-table-column头部的两种方法

第一种方法：会出现警告 [Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.

1.在<el-table-column>上定义:render-header调用自定义表头方法，如图举例

2.在methods：{}方法里面自定义表头方法，如图举例

第二种方法： 使用scoped-slot（更简单且简洁无警告）

1.在<el-table-column>上使用scoped-slot

2.<template>绑定slot,然后自定义你所需要的内容

如图举例

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容