点击表头时重复

<table>
  <thead>
    <tr>
      <th onclick="repeatTableData()">表头1</th>
      <th onclick="repeatTableData()">表头2</th>
      <th onclick="repeatTableData()">表头3</th>
    </tr>
  </thead>
  <tbody id="tableData">
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
    <!-- 更多数据行 -->
  </tbody>
</table>

function repeatTableData() {
  var tableData = document.getElementById("tableData");
  var clonedTableData = tableData.cloneNode(true);
  tableData.parentNode.replaceChild(clonedTableData, tableData);
}