如何使用css冻结html表中最右边的列？

<table id="myTable">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
      <th>Header 4</th>
      <th>Header 5</th>
      <th>Header 6</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

#myTable {
  position: relative;
}

#myTable thead {
  display: block;
  height: 50px; /* 调整表头高度 */
}

#myTable td:last-child,
#myTable th:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: #fff; /* 调整背景颜色 */
}

#myTable tbody {
  display: block;
  height: 300px; /* 调整滚动容器高度 */
  overflow-y: scroll;
}