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

25 votes168 views6 answers
Responsive navbar bootstrap 4
Html
1 vote145 views1 answer
Must fill input
Html
0 vote120 views1 answer
Colspan vertical
Html
0 vote114 views1 answer
How to pass the current url to beautiful soup html
Html
22 votes113 views4 answers
How to make a clickable image in html
Html
0 vote116 views1 answer
Ta html inside vue data function
Html
43 votes115 views6 answers
How to comment in html
Html
27 votes291 views3 answers
Html code editor
Html
0 vote113 views2 answers
Beautify html code in vscode
Html
0 vote113 views1 answer
Html tag convert to d3.select() point
Html