动态表格js

动态表格是一种能够动态添加或删除行列的表格，通常使用JavaScript来实现。以下是一个简单的动态表格的示例代码：

HTML代码：

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
</table>

<button onclick="addRow()">添加行</button>
<button onclick="addColumn()">添加列</button>

JavaScript代码：

function addRow() {
  var table = document.getElementById("myTable");
  var row = table.insertRow();
  var nameCell = row.insertCell(0);
  var ageCell = row.insertCell(1);
  nameCell.innerHTML = "张三";
  ageCell.innerHTML = "25";
}

function addColumn() {
  var table = document.getElementById("myTable");
  var rows = table.rows;
  for (var i = 0; i < rows.length; i++) {
    var cell = rows[i].insertCell();
    cell.innerHTML = "数据";
  }
}

在这个示例中，`addRow()`函数用于添加新的行，`addColumn()`函数用于添加新的列。在添加行或列时，我们使用`insertRow()`和`insertCell()`方法来创建新的行和单元格，并使用`innerHTML`属性来设置单元格中的文本内容。