고정 위치 테이블 행 레이블

Question

나는 overflow-x : scroll을 사용하여 div에 테이블을 가지고 있습니다. 따라서 긴 테이블을 좌우로 스크롤 할 수 있습니다. 첫 번째 "열"(각 tr의 첫 번째 위치에있는 td)은 행에 대한 레이블을 포함해야합니다. 오른쪽 또는 왼쪽으로 스크롤하면 테이블의 내용이 스크롤되지만 레이블은 고정되어 있으므로 항상 볼 수 있습니다.

처음에는이 테이블의 왼쪽에 또 다른 테이블을 만들고 싶었지만 catch는 각 행의 내용이 가변적이어서 내용이로드 될 때까지 각 행의 높이를 알지 못합니다. "label 열"에서 각 셀의 높이를 설정합니다. 내용이로드 된 후 레이블 열 셀의 높이를 동적으로 업데이트 할 수없는 이유는 FF 및 IE에서 실제로 느려지 기 때문입니다. 콘텐츠의 첫 번째 clientHeight 호출에 5-6 초가 걸리고 나머지는 0-1ms가 소요됩니다. 다른 접근 방식에 대해서는 알지 못합니다.

Any 제안 사항?

Answer 1

다른 셀의 모든 내용을 offset (0,0)에 첫 번째 셀에 넣을 수 있으므로 레이블 셀의 높이가 가장 큰 구성 요소의 높이로 자동 설정됩니다. 그 다음 위에 보이지 않게 레이어를 놓고 거기에 레이블을 붙이십시오.