如何使HTML表格列尽可能紧密地压扁？

<table style="white-space: nowrap;">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
    <td>Row 1, Cell 3</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
    <td>Row 2, Cell 3</td>
  </tr>
</table>

<tr style="display: inline-block;">
  <td>Row 1, Cell 1</td>
  <td>Row 1, Cell 2</td>
  <td>Row 1, Cell 3</td>
</tr>
<tr style="display: inline-block;">
  <td>Row 2, Cell 1</td>
  <td>Row 2, Cell 2</td>
  <td>Row 2, Cell 3</td>
</tr>