fixed-header-tables – Tarik Billa

with fixed and scrollable [duplicate]

September 16, 2023 by Tarik

Chrome, FF, Edge the simplest solution is to use th { position: sticky; top: 0; } /* JUST COMMON TABLE STYLES… */ table { border-collapse: collapse; width: 100%; } th, td { background: #fff; padding: 8px 16px; } .tableFixHead { overflow: auto; height: 100px; } .tableFixHead thead th { position: sticky; top: 0; } <div … Read more

Table with fixed header and fixed column on pure css

December 15, 2022 by Tarik

A pure CSS solution with a fixed header row and first column The position: sticky property supports both sticking to the top and to the side in modern versions of Chrome, Firefox, and Edge. This can be combined with a div that has the overflow: scroll property to give you a table with fixed headers … Read more