ivue-admin Table单元格内换行问题

效果图如下：

在 column列描述数据对象内添加type:html

{
    title: 'HGU信息',
    key: 'hgu',
    resizable: true,
    type: 'html',
    align: 'left',
    render: (h, params) => {
        return h('div', {
            props: {},
        },
        params.row.hgu);
     },
}

 我的假数据是：

falseUserData: [
        {
          sub_id: 11011011011,
          site_ip: '127.0.0.1',
          olt_ip: '10.8.76.4',
          pon_port: '1/1/7/0/2',
          hgu: '名称: HWTC381CF8A4<br/>' +
            '地址: 28:11:EC:90:44:D5<br/>' +
            '收光:-12dBm<br/>' +
            '发光: 3dBm<br/>' +
            '运行时长: 5.71天',
          speed_limit: '100M'
        },
        {
          sub_id: 11011011011,
          site_ip: '127.0.0.1',
          olt_ip: '172.19.212.4',
          pon_port: '1/1/6/0/8',
          hgu: '名称: HWTC381CF8A4<br/>' +
            '地址: 28:11:EC:90:44:D5<br/>' +
            '收光:-12dBm<br/>' +
            '发光:3dBm<br/>' +
            '运行时长:5.71天',
          speed_limit: '100M'
        }
]

此处我是假数据内写的<br/>，也可以在render函数内进行修改，把要换行的部分替换为<br/>