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

1 vote136 views1 answer
Tfoot renders after thead and before tbody
Html
0 vote140 views1 answer
Coreui margin right
Html
2 votes136 views1 answer
Gender selection in html
Html
1 vote124 views1 answer
Meter balise
Html
5 votes154 views4 answers
How to hide div in html
Html
0 vote146 views1 answer
How to echo data into an option tag as a link
Html
0 vote130 views1 answer
Soup to html file
Html
0 vote142 views1 answer
Html icon animation
Html
0 vote162 views1 answer
Html iframe only show part of page
Html
0 vote132 views1 answer
Image on text in bootstrap
Html