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

2 votes330 views1 answer
Center text in a html file
Html
1 vote269 views2 answers
Html tab character
Html
0 vote311 views1 answer
Ouvrir dans nouvelle page html
Html
0 vote308 views1 answer
Rounded borders svg
Html
0 vote316 views1 answer
UttwuuwudqtudutauutduatTDUaduatduituitdA
Html
11 votes307 views6 answers
Bootstrap table small
Html
0 vote281 views1 answer
Difference between tag and element
Html
0 vote309 views1 answer
How to make web page center
Html
2 votes237 views1 answer
Address tag in html
Html
0 vote292 views1 answer
How to back up disk partision
Html