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 votes185 views1 answer
Starter data jpa maven dependency
Html
-3 votes158 views2 answers
Vue hide
Html
21 votes163 views1 answer
Html tag for mobile view
Html
19 votes210 views4 answers
Anchor html
Html
22 votes190 views1 answer
Html input float type
Html
1 vote150 views1 answer
Html email check
Html
0 vote162 views1 answer
Html doc
Html
0 vote170 views2 answers
Google share link html
Html
2 votes183 views3 answers
Ejs.min.js cdn
Html
0 vote257 views1 answer
Css hide element but conserve space
Html