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 vote377 views1 answer
Como añadir bootstrap a html
Html
8 votes345 views3 answers
Jquery $ is not defined
Html
0 vote326 views1 answer
How can you make a bulleted list with numbers in html
Html
0 vote313 views1 answer
Tailwind CSS Button group
Html
75 votes345 views6 answers
Copyright symbol html
Html
0 vote335 views1 answer
Html unidades de medida
Html
1 vote323 views1 answer
Bootstrap center button horizontally
Html
8 votes366 views2 answers
How to change tab icon in html
Html
3 votes330 views2 answers
Html basico
Html
1 vote325 views2 answers
Add a floating call/phone button in html
Html