具有固定第一列的Html表

我花了3天时间在所有论坛上寻找解决方案，但不幸的是，什么也没找到。当我调整屏幕大小并为其余部分创建滚动条时，我找不到如何使HTML表格中的第一列（而不是第一行）固定：column2、column3、column4。。。仅使用CSS，不使用JavaScript或JQuery

尝试位置：固定，并使用填充/边距定位第二个td:）

/*只是为了更好地显示*/
运输署{
颜色：红色；
}
.首先{
位置：固定；
颜色：绿色；
}
.第二{
左侧填充：25px；
颜色：蓝色；
}

abc
def
ghi
abc
def
ghi
abc
def
ghi

上面的

/*这是装饰性的，不是测试的一部分*/
.固定桌集装箱{
宽度：100%；
高度：200px；
边框：1px纯黑；
利润率：10px自动；
背景色：白色；
/*上面是装饰性的或有弹性的*/
位置：相对；/*可以是绝对的，也可以是相对的*/
衬垫顶部：30px；/*收割台高度*/
}
.固定桌内容器{
溢出x：隐藏；
溢出y：自动；
身高：100%；
}
.标题背景{
背景色：#D5ECFF；
高度：30px；/*收割台高度*/
位置：绝对位置；
排名：0；
右：0；
左：0；
}
桌子{
背景色：白色；
宽度：100%；
溢出x：隐藏；
溢出y：自动；
}
.th内部{
位置：绝对位置；
排名：0；
线高：30px；/*割台高度*/
文本对齐：左对齐；
左边框：1px纯黑；
左侧填充：5px；
左边距：-5px；
}
.第一{
左边界：无；
左侧填充：6px；
}

弗斯特
第二
第三
第三
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
弗斯特
特斯夫特
dddd
dd
dd

检查此

fiddle

这就是您要搜索的内容吗？？？没有用，因为我在问题中说了“创建第一列（而不是第一行）”