如何设置标题单元格的默认宽度

标题单元格的默认宽度可以通过以下几种方式进行设置：

使用HTML的<colgroup>和<col>元素：可以在表格中使用<colgroup>元素来定义一组列，并使用<col>元素来设置每列的属性，包括宽度。通过设置<col>元素的width属性，可以指定标题单元格的默认宽度。例如：

<table>
  <colgroup>
    <col width="100px">
    <col width="200px">
    <col width="150px">
  </colgroup>
  <thead>
    <tr>
      <th>标题1</th>
      <th>标题2</th>
      <th>标题3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

使用CSS样式：可以通过CSS样式来设置标题单元格的默认宽度。可以为标题单元格的<th>元素或者表格的<table>元素添加样式，并设置width属性来指定宽度。例如：

<style>
  th {
    width: 100px;
  }
</style>
<table>
  <thead>
    <tr>
      <th>标题1</th>
      <th>标题2</th>
      <th>标题3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

使用JavaScript：可以使用JavaScript来动态设置标题单元格的默认宽度。通过获取标题单元格的DOM元素，并设置其style属性的width属性来指定宽度。例如：

<script>
  window.onload = function() {
    var thElements = document.getElementsByTagName('th');
    for (var i = 0; i < thElements.length; i++) {
      thElements[i].style.width = '100px';
    }
  };
</script>
<table>
  <thead>
    <tr>
      <th>标题1</th>
      <th>标题2</th>
      <th>标题3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

以上是设置标题单元格的默认宽度的几种方法，根据具体的需求和使用场景选择适合的方式进行设置。