ivew 中 table 如何优雅的放入Tooltip

在iview 的table 中 当鼠标放在，表格的文字上时，需展示相对应的说明效果如下

需要展示成上面内容，直接上代码

我们写在render 函数里，之所以写很多个“h” 是用来换行用的 ，具体内容可以查找iview 官网

render: (h, params) => {              
    return h('Tooltip', {
        props: { placement: 'top' }
     }, [
            params.row.name_, //表格中的数据
            h('div', {
               slot: 'content', 
               style: { 
                        whiteSpace: 'normal', 
                        wordBreak: 'break-all' 
                 }
            },'失信行为：'), //鼠标放上去显示的内容即气泡显示内容
            h('div', {
               slot: 'content', 
               style: { 
                        whiteSpace: 'normal', 
                        wordBreak: 'break-all' 
                      }
               },params.row.ll_behavior),
            h('div', {
               slot: 'content', 
               style: { 
                        whiteSpace: 'normal', 
                        wordBreak: 'break-all' 
                      }
            },'处罚结果：'),
            h('div', {
               slot: 'content', 
               style: { 
                        whiteSpace: 'normal', 
                        wordBreak: 'break-all' 
                      }
            },params.row.result_),
            h('span', {
               slot: 'content', 
               style: { 
                        whiteSpace: 'normal', 
                        wordBreak: 'break-all' 
                      }
            },'处罚有效期：'),
            h('span', {
               slot: 'content', 
               style: {
                       whiteSpace: 'normal', 
                       wordBreak: 'break-all' 
                      }
               },params.row.validity_)
            ])
                        
                    }