如何设置表头单元格具有与列相同的宽度？

<table style="table-layout: fixed;">
  <thead>
    <tr>
      <th style="width: 100px;">表头1</th>
      <th style="width: 100px;">表头2</th>
      <th style="width: 100px;">表头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>