2010-03-23 10 views
2

가로로 스크롤 가능한 열이있는 html 테이블을 작성해야합니다. 스크롤은 열 머리글에 있어야합니다.가로로 스크롤 할 수있는 테이블 열

첫 번째 질문은 다음과 같습니다.이 작업을 수행 할 수있는 jQuery 플러그인을 알고 계십니까? 두 번째 질문 : 단일 테이블을 사용하면 가능합니까? 이 작업을 수행하려면 사용자 관점에서 볼 때 하나의 테이블처럼 여러 개의 동기화 된 테이블을 사용해야한다고 들었습니다.

모든 아이디어/조언을 환영합니다.

+0

무엇을하려합니까? 그들의 방법이 좋지 않다고 확신합니까? 일반적으로 사용자는 가로로 스크롤하는 것을 싫어합니다. –

답변

1

jqGrid을 사용하여 이처럼 보였지만 두 개의 테이블 (마스터 테이블에는 두 번째 스크롤 가능한 테이블이 있음)이었습니다. 이 플러그인을 알고 싶습니다 ...

+0

jqGrid가 ASP와 관련이 있다고 생각하는 이유는 무엇입니까? jqGrid === jQuery Grid Plugin. 당신이 의미하는 것은 22.03.2010의 메인 페이지에서 게시판입니다. ASP.NET을 가지고 있지만 전혀 필요하지 않다면 jqGrid를 사용하는 데 도움이되는 다른 소프트웨어를 발표했습니다. – jitter

+0

아, 죄송합니다 ... 당신은 ... 권리 –

1

2 개의 컨테이너를 제안하고 사용하는 것처럼 나는 할 것입니다. 둘 다 오버플로 : 스크롤 및 너비 설정이 있지만 상단에는 단순히 div와 동일한 너비로 설정할 수있는 div가 포함됩니다. 그런 다음 jquery의 "scroll"이벤트에 바인딩하고 div의 스크롤 위치를 해당 이벤트에서 서로 일치하도록 설정할 수 있습니다. 솔직히 나는 이것을 시도하지 않았기 때문에 그 사건이 얼마나 안정적으로 일어 났는지 모르지만 이론적으로는 효과가있다.

또는 표준 브라우저 스크롤바 없이도 할 수 있으며 overflow : scroll div에서 자바 스크립트를 사용하여 자신의 테이블 위치를 설정하는 스크롤 막대를 작성하십시오. 드래그 가능한 동작 (왼쪽/오른쪽 화살표뿐만 아니라)을 원한다면 다소 어려울 수 있지만 불가능하지는 않습니다.

관련 문제