iview 中table列 一列顯示多個數據（後臺返回數組顯示在列內）

 

 1、首先出現的是比較複雜的一種狀況（多個key）

一、首先頁面顯示效果以下

　　

二、後臺返回數據格式以下：　　

 

三、在iview中table的columns中的render函數：

　　

四、具體代碼

render: (h, params) => {

return h('ul', this.classroomList[params.index].knowledge.map(item => {

return h('li', item.knowledgeName)
}))
}

2、比較簡單的狀況（後臺返回的純數組）例如

一、在iview中table的columns中的render函數：

 　

    實例代碼　

return h('span', {

style: {
display: 'inline-block',
width: '100%',
margin: '10px',
overflow: 'hidden',
textOverflow: 'hiddden'
}

}, params.row.knowledge.join('\n'))

三、效果以下