Untitled

<style>
  .table-container {
    max-height: 300px; /* Ustaw maksymalną wysokość kontenera */
    overflow-y: auto; /* Włącz pionowe przewijanie */
  }
  
  .table-container table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse; /* Złącz granice komórek */
  }

  .table-container thead {
    background-color: #f5f5f5;
  }

  .table-container th,
  .table-container td {
    padding: 8px;
    text-align: left;
  }

  .table-container thead th {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .table-container tbody {
    max-height: 250px; /* Ustaw maksymalną wysokość dla ciała */
    overflow-y: auto; /* Włącz pionowe przewijanie */
  }
</style>

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <!-- Dodaj więcej nagłówków, jeśli jest to konieczne -->
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
        <!-- Dodaj więcej kolumn z danymi, jeśli jest to konieczne -->
      </tr>
      <!-- Dodaj więcej wierszy z danymi, jeśli jest to konieczne -->
    </tbody>
  </table>
</div>