我正在使用下面的代码添加一个表到我的d3图表。

 function tabulate(data, columns) {
      const table = d3.select('body').append('table')
      const thead = table.append('thead')
      const tbody = table.append('tbody');

      // append the header row
      thead.append('td')
        .selectAll('th')
        .data(columns).enter()
        .append('th')
        .text((column) => column);

      // // create a row for each object in the data
      const rows = tbody.selectAll('tr')
        .data(data)
        .enter()
        .append('tr');

      // create a cell in each row for each column
      const cells = rows.selectAll('td')
        .data((row) => {
          return columns.map((column) => {
            return { column: [column], value: row[column] };
          });
        })
        .enter()
        .append('td')
        .text((d) => d.value);

        return table;
    }

我需要向表中添加一个垂直标题，并将每个键从json对象读取到单行中的多列中。 如何在D3中实现这一点？ 请帮帮我。