How do I create an HTML table with a fixed/frozen left column and a scrollable body?

Question

I need a simple solution. I know it\'s similar to some other questions, like:

• HTML table with fixed headers and a fixed column?
• How can I lock the fir

Answer 1

I took Earmon Nerbonne's answer and edited it to work with tables that fill the whole width.

http://jsfiddle.net/DYgD6/6/

  

   

    

        

            
1
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
2
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
3
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
4
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
5
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
6
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
7
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
8
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
        

            
9
            
QWERTYUIOPASDFGHJKLZXCVBNM
            
QWERTYUIOPASDFGHJKLZXCVBNM
        
    

The width of the fixed column still needs to be a set value though.