如何使列标题从上到下？

.table-container {
  display: flex;
  flex-direction: column;
}

.table-container table {
  display: flex;
  flex-direction: column;
}

<div class="table-container">
  <table>
    <tr class="row">
      <th>列标题1</th>
      <td>内容1</td>
    </tr>
    <tr class="row">
      <th>列标题2</th>
      <td>内容2</td>
    </tr>
    <!-- 更多表格行 -->
  </table>
</div>

.row {
  display: flex;
  flex-direction: column;
}