如何使用HTML/CSS创建第一列固定的表格？

<table id="myTable">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
  <!-- more rows -->
</table>

#myTable {
  table-layout: fixed;
}

#myTable td:first-child {
  position: sticky;
  left: 0;
  width: 100px; /* 设置第一列的宽度 */
  background-color: #f2f2f2; /* 可选：设置第一列的背景色 */
}

#myTable {
  overflow: auto;
}