Element 中如何给表头添加提示

<el-table-column width="120" >
    <template slot-scope="{}" slot="header">
        <!-- 表头名称 -->
        <span>新增人数</span>
        <el-tooltip class="item" effect="dark" placement="top">
            <i class="el-icon-question" style="font-size:16px;"></i>
            <!-- 悬停提示内容 -->
            <div slot="content">
                <div>新：当日新增粉丝数</div>
                <div>首：新增用户首日付费人数</div>
                <div>累：新增用户到目前累计付费人数</div>
            </div>
        </el-tooltip>
    </template>
    <!-- 表格内容 -->
    <template slot-scope="obj">
        <div>新：{{obj.row.new_fans}}</div>
        <div>首：{{obj.row.first_pay_count}}</div>
        <div>累：{{obj.row.total_pay_count}}</div>
    </template>
</el-table-column>

// 表头设置
renderHeader(render,{column, $index }){

    let label = column.label;
    // 只有在指定的表头才显示提示
    let showIcon = false;
    // 每个表头提示显示的内容
    let content = [];
    // 渲染提示方法数组
    let array = [];
    // 表头提示预定义
    let list= [
        ['粉丝：当日新增粉丝数','新增：当日新增小程序用户','首日付费：新增用户首日付费人数','累计付费：新增用户到目前累计付费人数'],
        ['金额：到目前为止新增用户的充值金额','回本：金额 / 投放成本'],
        ['粉丝：投放成本/新增粉丝数','注册：投放成本/新增用户数','粉产：充值金额/新增粉丝数','充产：充值金额/充值人数'],
        ['金额：会员充值的金额','人数：会员充值的人数','首日：成本/首日会员人数','累计：成本/累计会员人数'],
        ['金额：普通充值的金额','人数：普通充值的人数','首日：成本/首日普通充值人数','累计：成本/累计普通充值人数'],
        ['会员：会员人数/总新增人数','充值：普通充值人数/总新增人数','总计：总充值人数/总新增人数'],
        ['充：当日的充值金额 | 前n日的总充值金额','回：前n天的充值总额/投放成本','留：留存率（活跃用户/总新增用户）（当日活跃定义：当日打开小程序的用户）','增：(前n天的充值总额—前n-1天的充值总额)/投放成本','倍：前n天的充值总额/前1天的充值总额']
    ];

    // 通过二维数组循环，定义好表头渲染
    for(let i=0;i<list.length;i++){
        let item = list[i];
        let obj = [];
        for(let k=0;k<item.length;k++){
            obj.push(render('div',{},item[k]));
        };
        array.push(obj);
    };

    switch (label) {
        case '新增人数':
            showIcon = true;
            content = array[0];
            break;
        case '回本率':
            showIcon = true;
            content = array[1];
            break;
        case '获客成本':
            showIcon = true;
            content = array[2];
            break;
        case '会员成本':
            showIcon = true;
            content = array[3];
            break;
        case '充值成本':
            showIcon = true;
            content = array[4];
            break;
        case '转化率':
            showIcon = true;
            content = array[5];
            break;
        case 'D1':
            showIcon = true;
            content = array[6];
            break;
    };
    return [
        label,
        // 第一个参数是标签名称，第二个参数是标签属性，第三个参数是标签内容
        render('el-tooltip',
            {
                props: {
                    content:(function() {
                        return  [
                            render('div',
                                {
                                    class:"tips-box"
                                },
                                // 根据上面的方法显示不同的内容
                                content
                            )
                        ]
                    })(),
                    placement: 'top'
                }
            },
            [
                render(
                    'span',{
                    class: {
                        // 通过变量控制表头是否显示提示
                        'el-icon-question': showIcon
                    }
                })
            ]
        )
    ]

},

<el-table-column v-for="item in 60" :label="'D'+`${item}`" width="120" :render-header="renderHeader">
    <template slot-scope="obj">
        <div>充：{{obj.row.drop_list['D'+`${item}`].agent_price}} | {{obj.row.drop_list['D'+`${item}`].price}}</div>
        <div>回：{{obj.row.drop_list['D'+`${item}`].rate}}%</div>
        <div>留：{{obj.row.drop_list['D'+`${item}`].retention}}%</div>
        <div style="color:red">增：{{obj.row.drop_list['D'+`${item}`].increase}}%</div>
        <div style="color:#00f">倍：{{obj.row.drop_list['D'+`${item}`].ratio}}</div>
    </template>
</el-table-column>