如何在d3.js中使用给定的不同数组来绘制表格？

// 假设有两个数组，分别表示表格的行和列数据
var rows = ["行1", "行2", "行3"];
var columns = ["列1", "列2", "列3"];

// 选择容纳表格的HTML元素
var tableContainer = d3.select("#table-container");

// 绑定行数据到表格的行
var rowSelection = tableContainer.selectAll(".row")
  .data(rows)
  .enter()
  .append("div")
  .attr("class", "row");

// 绑定列数据到每个行的列
var cellSelection = rowSelection.selectAll(".cell")
  .data(function(d) { return columns.map(function(column) { return { row: d, column: column }; }); })
  .enter()
  .append("div")
  .attr("class", "cell")
  .text(function(d) { return d.row + " - " + d.column; });

// 添加样式
tableContainer.style("display", "table");
rowSelection.style("display", "table-row");
cellSelection.style("display", "table-cell");