js td colspan

<table id="myTable">
  <tr>
    <th colspan="2">Main Title</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

// 获取表格中的第一个单元格并设置 colspan 属性
var firstCell = document.querySelector('#myTable th');
firstCell.colSpan = 3; // 现在这个单元格将跨越3列

// 或者动态创建一个新的单元格并设置 colspan
var newRow = document.createElement('tr');
var newCell = document.createElement('td');
newCell.textContent = 'New Cell';
newCell.colSpan = 2;
newRow.appendChild(newCell);
document.getElementById('myTable').appendChild(newRow);

function updateColSpan(cell, newColSpan) {
  cell.colSpan = newColSpan;
  // 强制浏览器重新计算布局
  cell.offsetWidth; // 读取一个会触发重排的属性
}