iview表格的表頭使用懸浮提示框被遮擋解決方法

最近在做一個項目時，因為需要提示用戶具體表格的算法，但因提示內容太長，在表格中hover提示影響美感，所以決定在表頭上加圖標hover提示，就用Vue的renderHeader函數添加。於是出現了一個bug，表頭懸浮窗被遮擋如圖:

解決辦法：給表頭列的render函數props對象添加一個transfer:true，問題解決，如下：

代碼如下：

{
   // title: '扎帳及時率',
   // key: 'ZZJSL',
   slot: 'ZZJSL',
   renderHeader: (h, params) => {
     return h('Tooltip', {
        props: { 
           placement: 'top',
           transfer:true，//首先提示框一直被th遮擋，添加此屬性后就不在被遮擋
　　　　　　'max-width':"200"//設最大寬度，添加此屬性后文字太長會換行，否則浮窗里只會顯示一些文字，多余的文字在浮窗外且看不見
　　　　}
　　　}, [

          h('span', [
             h('span', '扎帳及時率'),
             h('Icon', {
                props:{
                   type:'md-help-circle'
                },
                style:{
                   maginLeft:'20px'
                },
                // on: {
                //     click: () => {
                //         alert("qewrewr")
                //     }
                // }
              })
            ]),
            h('span', {
               slot: 'content',
              }, '停用后信息將不再顯示在前端頁面')
            ])
              },
      width: '250',
      resizable: true,
      tooltip: true,
      align: 'center'
},