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 vote258 views1 answer
Coreui dropdown
Html
0 vote168 views1 answer
HTML Links - Hyperlinks Example
Html
-1 vote197 views2 answers
Html long text three dots
Html
13 votes173 views1 answer
Font in der mitte des divs
Html
2 votes202 views1 answer
Link to google icons embed in my website
Html
1 vote192 views1 answer
Ionic button trigger ion-datetime
Html
0 vote184 views2 answers
Html interview questions
Html
25 votes174 views7 answers
Bootstrap 5 cdn
Html
0 vote215 views1 answer
Render text as html react
Html
24 votes209 views3 answers
Bootstrap Alerts Additional content
Html