html 部分列滚动,html – 水平滚动表：多个固定列

我试图制作一个水平滚动表,我能够制作它,但只有第一列是固定的.我需要修复两个或更多列的滚动表.

这是小提琴here的链接

我想让这个表滚动两个或两个以上的列固定并休息滚动.是否可以创建一个CSS类(例如“fixedColumn”),以便修复具有此CSS类的任何列,其余列是否滚动？我不能使用任何JavaScript插件(根本没有JS).

请帮忙.

HTML

MonthItem 1Item 2Item 3Item 4

Jan3163316331633163Feb3163316331633163Mar3163316331633163Apr3163316331633163May3163316331633163Jun3163316331633163...............

CSS

.table-wrapper {

overflow-x:scroll;

overflow-y:visible;

width:250px;

margin-left: 120px;

}

td, th {

padding: 5px 20px;

width: 100px;

}

th:first-child {

position: absolute;

left: 5px;

}