Untitled
unknown
html
6 months ago
1.3 kB
2
Indexable
Never
<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>