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

6 votes136 views1 answer
Icone onglet html
Html
25 votes169 views6 answers
Markdown
Html
0 vote125 views1 answer
Typo3 params lost pagination
Html
1 vote139 views1 answer
Html button that hide and show
Html
0 vote149 views1 answer
Markup embed youtube
Html
0 vote99 views3 answers
Tailwind css card
Html
6 votes134 views4 answers
Text animation css
Html
0 vote137 views1 answer
How to deserialize if response is html
Html
0 vote125 views1 answer
Form mvc async
Html
-1 vote134 views1 answer
Default index.html code reac
Html