Thead position sticky

<!--In your stylesheets just add this one line:-->
<style>
thead th { position: sticky; top: 0; }
</style>

<table>
    <thead>
        <tr>
            <th>column 1</th>
            <th>column 2</th>
            <th>column 3</th>
            <th>column 4</th>            
        </tr>    
    </thead>
    <tbody>
      // your body code
    </tbody>
</table>

Similar codes

15 votes166 views2 answers
Font weight bootstrap class
Html
15 votes163 views3 answers
Favicon html link
Html
1 vote168 views1 answer
Clear html screen
Html
0 vote227 views1 answer
How to loop in html
Html
0 vote168 views1 answer
Html table link
Html
38 votes161 views5 answers
Roboto
Html
-1 vote178 views1 answer
Bulma fullheight
Html
12 votes166 views5 answers
Axios github
Html
8 votes171 views3 answers
Js draw canvas on canvas
Html
0 vote156 views1 answer
Tailwind resize none
Html