如何调整固定标题的表格单元格的大小

<style>
table {
  table-layout: fixed;
  width: 100%;
}

th {
  width: 100px; /* 设置标题单元格的宽度 */
}
</style>

<table>
  <colgroup>
    <col style="width: 100px;"> <!-- 设置整个表格的列宽 -->
    <col style="width: 200px;">
    <col style="width: 150px;">
  </colgroup>
  <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>