Fixed Table Header using CSS

Question

How to have a fix thead at the top? I tried the below script but it didn\'t fixed on scrolling.

Answer 1

I have made another solution if you want to check it here:

https://codepen.io/patridc/pen/aeLGbo

thead{
    top: 0;
    z-index: 1;
}


    

        

  

  

  

  

  

  



  
gfdg
  
gdrgr
  
segsre
  
gfrdg
  
srgdr
  
egrsdg




  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654


  
1
  
7
  
9
  
585
  
656
  
65654