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

Here is my copen pen on how to make fixed table header with scrollable rows and columns. The columns are also been fixed width, http://codepen.io/abhilashn/pen/GraJyp

        

            

                

                

                  
 
                    

                        

                          
#
 
                          
  
                          
Title
  
                          
Company
 
                          
Priority
 
                          
Type
     
                          
Assigned to
 
                          
Status
 
                        
                      
                      

                        

                          
1
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                          
lorem ipsum
                          
lorem ipsum
                          
lorem ipsum
                        

                        

                          
2
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
3
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
4
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
5
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
6
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
7
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
8
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
9
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
10
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
11
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                        

                          
12
                          
 
                          
Lorem ipsum dolor sit
                          
lorem ispusm
                          
high
                           
lorem ipsum
                           
lorem ipsum
                           
lorem ipsum
                        
                    
                  
                
                
 
            
        
 

.cust-table-cont { width:100%; overflow-x:auto; } 
.cust-table-cont .table-responsive { width:1190px;  }
.cust-table { table-layout:fixed;  } 
.cust-table thead, .cust-table tbody { 
display: block;
}
.cust-table tbody { max-height:620px; overflow-y:auto; }