Фиксированный горизонтальный заголовок таблицы

Question

Ищете некоторую идею о том, как создать таблицу CSS/Javascript с фиксированным заголовком Vertical. Необходимо установить два столбца.

Я создал образец, но это использует две отдельные таблицы. http://jsfiddle.net/X5cKj/

CSS для jsfiddle

table,th,td 
{ 
    border:1px solid black; 
    border-collapse:collapse; 
    table-layout:fixed; 
} 

td{ 
    width: 75px; 
    padding: 0px 20px; 
    height: 30px; 
} 
#mainContainer{ 
    width: 100%; 
} 
#leftContainer{ 
    width: 228px; 
    display: inline-block; 
} 
#rightContainer{ 
    width: 300px; 
    display: inline-block; 
    overflow: auto; 
} 

Спасибо за глядя.

Answer 1

Я сделал следующее changes.Check here

#leftContainer{ 
    width: 200px; 
    float: left; 
} 
#rightContainer{ 
    width: 300px; 
    overflow: auto; 
    float: left; 
    border-right: 1px solid black; 
    border-left: 0px solid; 

}