如何在React语义中设置Table.Header粘性？

import React from 'react';
import './Table.css';

const Table = () => {
  return (
    <div>
      <table className="sticky-table">
        <thead>
          <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Data 1</td>
            <td>Data 2</td>
            <td>Data 3</td>
          </tr>
          {/* 其他行数据 */}
        </tbody>
      </table>
    </div>
  );
};

export default Table;

.sticky-table {
  width: 100%;
  border-collapse: collapse;
}

.sticky-table th {
  position: sticky;
  top: 0;
  background-color: #fff;
  font-weight: bold;
}

.sticky-table th,
.sticky-table td {
  border: 1px solid #ccc;
  padding: 8px;
}