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

59 votes310 views4 answers
Bootstrap buttons Sizes
Html
0 vote189 views1 answer
Css bootstrap refresh icon
Html
16 votes190 views2 answers
Html link to download file
Html
38 votes201 views6 answers
How to make a button in html
Html
12 votes252 views2 answers
Html local image
Html
2 votes228 views1 answer
Html center youtube video
Html
0 vote292 views1 answer
Draw vertical line tailwind css
Html
186 votes308 views6 answers
Open new tab href
Html
5 votes255 views1 answer
Js onclick change css
Html
3 votes321 views2 answers
Html style display none inline
Html