从javascript对象垂直导出csv列表

如何解决从javascript对象垂直导出csv列表

我正在js中编写函数，以将数据导出到csv，我几乎做到了，但是，我不想垂直显示标题和数据，而是垂直显示

Like this

代替

this

这是代码：

exportCsv = (filename,element) => {
    const header = ['Name','Address','City','Postal code','Shrot abstract']

    let csvStr = header.join(',') + '\n'

    csvStr +=
      `"${element.name}",` +
      `"${element.address}",` +
      `"${element.city}",` +
      `"${element.postal_code}",` +
      `"${element.abstract}",` +
      ',' +
      '\n'
    let link = document.createElement('a')
    link.setAttribute(
      'href','data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURIComponent(csvStr)
    )
    link.setAttribute('download',filename + '.csv')
    link.style.visibility = 'hidden'
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)
  }