html5页面，treeTable调整列宽

在 HTML5 页面中，使用 TreeTable 来调整列宽是通过 CSS 样式和 JavaScript 来实现的。下面是一个示例：

HTML 代码：

<table id="treeTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
  </tbody>
</table>

CSS 代码：

#treeTable {
  table-layout: fixed;
  width: 100%;
}

#treeTable th, #treeTable td {
  padding: 5px;
}

#treeTable th {
  background-color: #ccc;
}

JavaScript 代码：

function adjustColumnWidth() {
  var table = document.getElementById('treeTable');
  var headerCells = table.getElementsByTagName('th');
  var bodyCells = table.getElementsByTagName('td');
  
  for (var i = 0; i < headerCells.length; i++) {
    var headerWidth = headerCells[i].offsetWidth;
    var bodyWidth = bodyCells[i].offsetWidth;
    var maxWidth = Math.max(headerWidth, bodyWidth);
    
    headerCells[i].style.width = maxWidth + 'px';
    bodyCells[i].style.width = maxWidth + 'px';
  }
}

window.addEventListener('load', adjustColumnWidth);
window.addEventListener('resize', adjustColumnWidth);

在上面的示例中，我们首先定义了一个基本的 HTML 表格结构，并通过 CSS 设置了一些基本的样式。然后，在 JavaScript 部分，我们定义了一个 `adjustColumnWidth` 函数来调整列宽。该函数会在页面加载时和窗口大小变化时被触发。

在 `adjustColumnWidth` 函数中，我们获取表格的表头单元格和内容单元格，并比较它们的宽度，然后将较宽的宽度应用到表头和内容单元格上，以保证它们的宽度一致。

通过以上的 HTML、CSS 和 JavaScript 代码，你可以在 HTML5 页面中实现 TreeTable 列宽的调整效果。

希望对你有所帮助！如有其他问题，请随时提问。