javascript - 具有固定列和标题的垂直/水平滚动(Vertical/Horizontal scroll with fixed column and header)

Question

I'm working on this sort of gradebook.

(我正在研究这种成绩单。)

So on the left column are the students, and on the right column are the grades.

(因此，左列是学生，右列是成绩。)

I need to make scrollable the areas marked red and green.

(我需要使标记为红色和绿色的区域可滚动。)

So scrolling vertical will move grades and students up and down and headers should stay in place, and scrolling horizontal, will move the grades and grades headers left and right, but student column should stay in place.

(因此，垂直滚动将使成绩和学生上下移动，标题应保持在原位；水平滚动，将使成绩和成绩标题向左和向右移动，但学生栏应保持在原位。)

Does anybody know how to archieve this?

(有人知道如何存档吗？)

Please advise!

(请指教！)

I managed to do it separately but can't make it work both together.

(我设法单独进行了操作，但是无法使其同时工作。)

  ask by warheartvik translate from so

Answer 1

等待大神答复