Table fixed header and scrollable body

Question

I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or

Answer 1

HTML

    
    
    




        

                

                  

                    

                      
First Name
                      
Last Name
                      
E-mail
                    
                  
                  

                    

                      
Top Row
                      
Doe
                      
johndoe@email.com
                    

                    

                      
John
                      
Doe
                      
johndoe@email.com
                    
                    

                      
John
                      
Doe
                      
johndoe@email.com
                    
                    

                      
John
                      
Doe
                      
johndoe@email.com
                    
                    

                      
John
                      
Doe
                      
johndoe@email.com
                    
                    

                      
John
                      
Doe
                      
johndoe@email.com
                    
                  
                
              

CSS

thead,tbody,tr,td,th{
    display:block;
}
tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
}
thead > tr > th, tbody > tr > td{
    float:left;
}