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 vote286 views1 answer
How to set timeout for a div tag in html
Html
8 votes320 views2 answers
Html disable enter submit
Html
1 vote333 views1 answer
Laravel loop iteration pagination
Html
0 vote314 views2 answers
Subscript in html
Html
0 vote306 views1 answer
Mote
Html
0 vote335 views1 answer
Css force string to wrap
Html
2 votes301 views3 answers
Bootstrap navbar dropdown right
Html
2 votes277 views1 answer
Css hide image if not found
Html
0 vote302 views1 answer
Jsf c:set date
Html
0 vote312 views1 answer
Typo3 symlinks
Html