iview 中table列 一列顯示多個數據(后台返回數組顯示在列內)


 

 一、首先出現的是比較復雜的一種情況(多個key)

1、首先頁面顯示效果如下

  

2、后台返回數據格式如下:  

 

3、在iview中table的columns中的render函數:

  

4、具體代碼

render: (h, params) => {

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

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

二、比較簡單的情況(后台返回的純數組)例如

1、在iview中table的columns中的render函數:

  

    實例代碼 

return h('span', {

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

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

3、效果如下

  

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM