如何在这个html表中冻结第一列和标题？

Question

我已经制作了两个独立的div。第一个div包含项目名称，第二个div包含每个项目的不同指标及其分数。 我想保持第一个div固定和垂直可滚动。和第二个div水平可滚动。但我无法实现同样的目标。任何见解都深受赞赏。 Here's my fiddle

我正在使用

   display: inline-block;
background-color: white;
width: 50%;
height: calc(100% - 72px);
position: absolute;
overflow-x: scroll;
overflow-y: hidden;

这个类在第二个div上获得水平滚动但没有得到任何。