固定水平表头

Question

寻找有关如何创建具有固定Vertical标头的CSS / Javascript表的一些想法。需要修复两个列。

我创建了一个示例，但这是使用两个单独的表。 http://jsfiddle.net/X5cKj/

jsfiddle的CSS

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

我做了以下更改。检查here

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

}