如何使表格标题全宽？

<table>
  <tr>
    <th colspan="3">表格标题</th>
  </tr>
  <tr>
    <td>内容</td>
    <td>内容</td>
    <td>内容</td>
  </tr>
</table>

<style>
  th {
    width: 100%;
  }
</style>

<table class="table">
  <thead>
    <tr>
      <th class="w-100">表格标题</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
    </tr>
  </tbody>
</table>

<div style="display: flex;">
  <table>
    <tr>
      <th>表格标题</th>
    </tr>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
    </tr>
  </table>
</div>