Table fixed header and scrollable body

前端未结

关注

 29  1944

粉色の甜心 2020-11-22 05:33

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

29条回答

天命终不由人 (楼主)

2020-11-22 06:07

table {

    display: block;
}

thead, tbody {
    display: block;
}
tbody {
    position: absolute;
    height: 150px;
    overflow-y: scroll;
}
td, th {
    min-width: 100px !important;
    height: 25px !important;
    overflow:hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100px !important;
}











         
        
             Col1
            Col2
            Username
            Password
            First Name
            Last Name
            Col16
            Col7
            Col8
            Col9
            Col10
            Col11
            Col12
            Col13
            Col14
            Col15
            Col16
            Col17
            Col18
        
              
         
         
          
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
          
                    
          Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
            Long Value
                      Title
          
         



`enter code here`

Col1	Col2	Username	Password	First Name	Last Name	Col16	Col7	Col8	Col9	Col10	Col11	Col12	Col13	Col14	Col15	Col16	Col17	Col18
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title
Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title	Long Value	Title

0 讨论(0)

查看其它29个回答