Sticky table header
With CSS
table {
border-collapse: separate;
border-spacing: 0;
}
thead {
position: sticky;
inset-block-start: 0;
}| First name | Last name |
|---|---|
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |
| John | Doe |