数据表，其中某些列可以水平滚动，整个表可以使用粘性标题垂直滚动

Question

我被要求构建一个包含几个（水平）可滚动列的表。由于表可以有数百行，因此整个表在给定容器中也应该是可滚动的。标题行应保持在同一位置，不能滚动。

到目前为止我的基本版本是this jsfiddle

目前的问题是，我有不可滚动的列位置：固定，因此它们在溢出容器中不可滚动。

.wrapper {  /* does not work */
    height: 100px;
    overflow-y: scroll;
} 

.alldates {
    width: 225px;
    overflow: auto;  
    margin-left:160px;
}

.weekday {
    position:fixed;
    width:40px;
    left:0;
}
.date {
    position:fixed;
    width:100px;
    left:52px;
}
...

如果有人知道，也可以使用jQuery插件。