Table fixed header

.tableFixHead thead th { position: sticky; top: 0; }

Source: stackoverflow.com

Html table scrollable body fixed header

/*Simply*/  position:sticky; top: 0; /*your th elements*/

Source: stackoverflow.com

Table fixed header

.tableFixHead          { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

Source: stackoverflow.com

Table fixed header

<div class="tableFixHead">
  <table>
    <thead>
      <tr><th>TH 1</th><th>TH 2</th></tr>
    </thead>
    <tbody>
      <tr><td>A1</td><td>A2</td></tr>
      <tr><td>B1</td><td>B2</td></tr>
      <tr><td>C1</td><td>C2</td></tr>
      <tr><td>D1</td><td>D2</td></tr>
      <tr><td>E1</td><td>E2</td></tr>
    </tbody>
  </table>
</div>

Source: stackoverflow.com

Table fixed header

table tbody { display:block; max-height:450px; overflow-y:scroll; }
table thead, table tbody tr { display:table; width:100%; table-layout:fixed; }

Source: stackoverflow.com

Similar codes

2 votes226 views2 answers
How to add box shadow to all sides css
CSS
1 vote248 views3 answers
How to place a table in center in css
CSS
17 votes252 views2 answers
Css horizontal linear gradient
CSS
94 votes231 views2 answers
How bold text in css
CSS
38 votes242 views2 answers
Remove list bullet css
CSS
0 vote245 views1 answer
Css prevent grid blowout
CSS
0 vote231 views1 answer
Css animate svg circle radius
CSS
1 vote221 views1 answer
Mos css
CSS
2 votes247 views1 answer
Twig ternaire
CSS
0 vote247 views1 answer
Como diminuir uma imagem em css
CSS