怎么动态渲染表格

动态渲染表格通常使用 JavaScript 来实现。以下是一个简单的示例：

HTML 代码：

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

JavaScript 代码：

var data = [
  { name: 'Alice', age: 25, gender: 'Female' },
  { name: 'Bob', age: 30, gender: 'Male' },
  { name: 'Charlie', age: 35, gender: 'Male' }
];

var table = document.getElementById('myTable');

for (var i = 0; i < data.length; i++) {
  var row = table.insertRow(i + 1);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  var cell3 = row.insertCell(2);
  cell1.innerHTML = data[i].name;
  cell2.innerHTML = data[i].age;
  cell3.innerHTML = data[i].gender;
}

上述代码会在表格中动态添加三行数据，每行包含一个名称、一个年龄和一个性别。在循环中使用 `insertRow` 和 `insertCell` 方法创建新的行和单元格，然后使用 `innerHTML` 属性设置单元格的内容。