고정 컬럼 표제가있는 스크롤 HTML 테이블 : 좋은 라이브러리 또는 가이드

Question

가로 스크롤과 세로 스크롤을 사용하는 HTML 데이터 테이블을 만들고 컬럼 헤더를 고정시키고 싶습니다. 누군가가 # 943을 기록하기 위해 아래로 스크롤하면 스크롤 할 수 있습니다. 열의 이름을보십시오.

나는 많은 솔루션을 검색했다. 나는 더 멋진보고있는 사람 중의 2 명을 시험해 보았다. AJAX를 사용하여 테이블을 가져 와서로드 한 첫 번째 버림받은 사람입니다. 그것은 나의 페이지로드를 느리게 만들었다.

Internet Explorer 8에서 1000 개 이상의 테이블을로드하려고 시도하기 전까지 두 번째 페이지는 완벽했습니다. 그냥 멈췄습니다. Firefox와 Chrome에서 잘 작동합니다. 불행히도 대부분의 사용자는 Internet Explorer 사용자입니다.

또한 DevExpress에 친구의 친구에게 연락하여 JQuery에 IE와의 호환성 문제가 있다고 들었 기 때문에 걱정합니다. 웹에서 찾은 거의 모든 솔루션이 JQuery 위에 놓여 있습니다.

그렇다면 열 머리글을 고정시키고 세로 스크롤링, 가로 스크롤, 무료 라이센스 부여 및 Internet Explorer 8에서 잘 작동하는 대형 (1000 행 이상) 라이브러리를 추천 해 줄 사람이 있습니까?

그렇지 않다면, 나는 내 자신을 선전하기 위해 정말 좋은 튜토리얼을 열어 두었습니다.

Answer 1

나는 데이터 테이블을 좋아한다 < 3. 옵션은 사실상 무제한이며, 사용하는 사람의 수는 커뮤니티의 지원이 많다는 것을 의미합니다. datatables.net

Answer 2

라이브러리를 찾고있는 아약스로드를 찾고 계시지 않으시는 분이라면 머리글이 고정 된 직선 HTML 표 (HTML은 브라우저가 고정되어 있지 않음)를 찾으시는 것입니다. 열이 고정 너비 인 경우 가로 스크롤이있는 div에 헤더 전용 테이블을 만든 다음 세로 스크롤이있는 div와 그 안에있는 데이터 테이블을 만들면됩니다. Javascript가 필요하지 않습니다.

나는 jsfiddle 예제를 게시 하겠지만 사이트는 지금 nginx 오류를 던지고 있습니다.