给element ui的表头加tooltip

如图，实现如下需求

在element ui的头部添加一个tooltip提示，这个参考博客园的 https://www.cnblogs.com/jmwlhj/p/11004378.html 的文章

          <el-table-column label="收支比%" align="center" prop="drRatio" :render-header="renderHeader">
          </el-table-column>

在methods函数里面写

renderHeader (h,{column}) {
    return h(
        'div',[ 
             h('span', column.label),
             h('el-tooltip',{
　　　　      props:{
　　　　　　　　effect:'dark',
　　　　　　　　content:'收支比=收入小计/支出小计',
　　　　　　　　placement:'top'
　　　　　　},　　　 
　　　　 },[
                 h('i', {
                     class:'el-icon-question',
                     style:'color:#409eff;margin-left:5px;cursor:pointer'
                 })
            ],{
                content: '收支比=收入小计/支出小计'
            })
        ]
    );
},