发表新帖
发表新帖

Table vertical header?

后端 未结
关注
6 705
自闭症患者
自闭症患者 2020-12-25 12:36

How can I make the table header appear on the left side of the table as a column instead on the top as a row? I have this markup:



        
      
      
      

        

          6条回答        


        
    
                    
  • 
            
            
    
                         
                 死守一世寂寞 
              
              
    
                
                   死守一世寂寞
                                             
                
                
                (楼主)
            
              
                  
    
                2020-12-25 13:28
              
    

            
    
            
    
              
              

    How's this?
    

    Example
    

    Example
    

    CSS
    

    thead {
  float: left;   
}

thead th {
  display: block;   
}

tbody {
  float: right;   
}

    

    jsFiddle.
    

    Update
    

    

    Well, the 1, 2 should also be as column, obviously.
    

    

    jsFiddle.
    

    It also looks like IE baulks at this. You may have to trade semantic-ness for cross browser compatibility.
    
    
    
             
    
                                                        
    
            
    
            
    
              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              
    
                          
             
       
          
              
    
                                       
    

    

                
    
                         
          
    • 
                              			
        

        
        

          

            
            

              
              

            
    


                                 
              

            

                          
    

        
         

                
                

                  
                

                

                   看不清?
                

              

                                  

                    
   
                 
             
              
提交回复

            

          
        

      

       
      
    
    

          
 
     
 

        
热议问题