Javascript 固定水平表头

寻找一些关于如何创建具有固定垂直标题的CSS/Javascript表的想法。需要固定两个立柱

我创建了一个示例，但它使用两个单独的表。

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;
}

---

谢谢查看。

我已完成以下更改。请检查

---

问问题之前，请检查问题是否已经存在。看起来是的重复项：嗯，我在发布之前查找了现有的解决方案，但找不到多个固定垂直列的解决方案。我已经纠正了我原来的问题，我错误地写了“水平”而不是“垂直”。感谢您修复了我的CSS，但我正在寻找一种具有多个固定垂直标题的单表方法。我的示例使用两个单独的表。

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

}