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

0 vote182 views2 answers
Change the font-size on a label html
Html
0 vote190 views1 answer
As onclick delete this html tag
Html
1 vote163 views1 answer
Bootstrap upload image plugin for html
Html
25 votes164 views7 answers
Bootstrap 5 cdn
Html
3 votes183 views2 answers
Html form onsubmit
Html
16 votes180 views4 answers
Html date
Html
3 votes180 views4 answers
Make a circle in javascript
Html
12 votes165 views3 answers
Html page icon
Html
0 vote131 views2 answers
Types of routes in laravel
Html
0 vote137 views1 answer
Html windows logo
Html