如何在一个单元格中添加多个对象？

Question

希望你一切顺利！

我必须使用 gridjs 在同一个单元格中插入多条记录。有人可以帮我吗？

假设这是我 api

的示例回复

{"results": [{"Program": "Sample Program", "Show": "Sample Show Hello", "Edition": 
"Edition Name", "Venue": "Venue Name", "Start_Time": "Start Time", "End_Time": "End 
Time", "Partner": "Partner", "Artist": ["Artist 1", "Artist 2"]}]}

如您所见，我有多位艺术家。现在这是我的网格代码

var x = new gridjs.Grid({
  columns: ["Program","Show","Edition", "Venue", "Start Time","End Time","Partner","Artist"],
  pagination: {
    limit: 4
  },
  search: true,
  sort: true,
  server:{
    url: 'http://127.0.0.1:8003/1/',
    then: data => data.results.map(show => 
      [show.Program, show.Show, show.Edition,show.Venue,show.Start_Time,show.End_Time,show.Partner,show.Artist]
    )
  },
}).render(document.getElementById("wrapper"));

并且网格在同一列中显示艺术家 1 和艺术家 2。请看参考图片。

在我的单元格中，我需要像艺术家 1
艺术家 2

这样的输出

如果有任何线索，我将不胜感激！

Answer 1

在 show.Artist 的末尾添加一个 .toString()，它将把数组变成一个逗号分隔的字符串。执行 .toString().replace(',' '\n')，它将把它们分成不同的行。

顺便维护一下gridjs-vue。

Answer 2

我是这样搞定的-

colums:[
....
{
name : "Artist",
formatter: (cell) =>{
    return gridjs.html(cell)
},},....]

---- 
server :{
url : '#url....'
then: data => data.result.map(show => [...,
show.Artist.toString().replace(',','<br />') ..]
}

如何在一个单元格中添加多个对象？

How to add multiple objects in a cell?

javascript

gridjs