html表格二维数组渲染

可以使用 JavaScript 将二维数组中的数据渲染到 HTML 表格中。可以通过以下步骤实现：

1. 创建一个 HTML 表格元素和一个 JavaScript 二维数组，如下所示：

<table id="myTable"></table>

var myArray = [
  ["Name", "Age", "Gender"],
  ["John", "25", "Male"],
  ["Jane", "30", "Female"],
  ["Bob", "35", "Male"]
];

2. 创建一个 JavaScript 函数，用于将二维数组渲染到 HTML 表格中。该函数将遍历二维数组中的每个元素，并将其添加到表格中。

function renderTable(array) {
  var table = document.getElementById("myTable");

  for (var i = 0; i < array.length; i++) {
    var row = table.insertRow();

    for (var j = 0; j < array[i].length; j++) {
      var cell = row.insertCell();
      cell.innerHTML = array[i][j];
    }
  }
}

3. 调用该函数，并将二维数组作为参数传递给它。

renderTable(myArray);

这样，就可以将二维数组中的数据渲染到 HTML 表格中了。