如何使用sticky将div和表头同时放在页面顶部？

.div-class {
  position: sticky;
  top: 0;
}

.table-header-class {
  position: sticky;
  top: 0;
}

<div class="div-class">
  <!-- div内容 -->
</div>

<table>
  <thead>
    <tr>
      <th class="table-header-class">表头1</th>
      <th class="table-header-class">表头2</th>
      <!-- 其他表头 -->
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>