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

23 votes277 views2 answers
Html display none
Html
0 vote268 views1 answer
Html button shortcut key
Html
1 vote277 views1 answer
How to code table headings in html
Html
1 vote280 views1 answer
Filled input in form
Html
6 votes305 views3 answers
Html textarea height
Html
1 vote276 views1 answer
Fullpage js cdn
Html
0 vote292 views1 answer
How to load at bottom of page html
Html
6 votes340 views2 answers
Bootstrap jambtr
Html
0 vote283 views1 answer
Html image buffer to base64
Html
0 vote259 views1 answer
Html how to nest 2 tags
Html