헤더 및 컬럼 고정 CSS Table 제작건

제목 그대로 CSS를 이용하여 헤더와 왼쪽 2개의 컬럼이 고정된 테이블을 만드는 제작의뢰입니다.

제가 완성하지 못한 내용을 보시면 훨씬 이해가 빠를것이기에 먼저 보여드립니다.

몇가지 문제가 있어서 이에 대한 해결이 필요합니다.

1. border 하단에 스크롤 된 글이 보여집니다.

2. 상하 좌우 스크롤을 하면 왼쪽 끝에 글자들이 빠져나온것이 보여집니다.

3. 좌우 스크롤을 하면 단위 양옆의 border가 사라집니다.

4. 상하, 좌우 스크롤바도 커스텀이 필요합니다. 위는 현재 모습이고, 아래는 원하는 모습입니다.

현재 제가 만들어둔 소스를 활용하셔도 되고,

새로 만들어주셔도 됩니다.

작업에 궁금하신 점이 있으시면 쪽지 부탁 드립니다.

제가 작업중이던 화면을 URL로 전달 드릴 수도 있고,

원하시면 제가 작업하던 소스도 드릴 수 있습니다.