와이드 테이블을 어떻게 표시합니까?

Question

테이블이 너무 넓어서 오버플로가 화면 바깥 쪽에서 원하지 않고 브라우저를 스크롤 가능하게 만들고 싶지 않습니다.

프레임에서 수평으로 슬라이드 할 수있는 테이블을 선호하지만 처음 열 2 개가 고정되어야합니다. 마지막 열은 3 번째로 수평 슬라이드가 가능합니까?

jQuery 코드 예가 ​​있습니까?

아니면 내 요구 사항을 충족시키는 좋은 jQuery 플러그인을 알고 계십니까?

Answer 1

Datatables-http://datatables.net/

당신이 고정 된 열이있는 테이블을 만들 수 기능의 톤을 가진 jQuery를 어댑터가와 유체 컬럼. 화면 너비를 기반으로 열을 표시하거나 숨기는 방법조차 있습니다.

Dynatables는 - http://www.dynatable.com/

이 더 "재미"대안이 될 수 있다고합니다. 그것은 데이터 테이블로부터 개념을 가져와 더 친숙하게 만들었습니다.

Answer 2

JQuery Datatables는 페이지 데이터의 페이지 매김, 정렬, 검색을위한 가장 포괄적 인 테이블 플러그인입니다. 그들은 또한 고정 된 열 플러그인을 가지고, 여기에 예제 : https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html

Answer 3

두 개의 테이블을 만듭니다. 하나는 고정되어 있고 하나는 스크롤 div에 있습니다. 첫 번째 테이블에는 두 번째 열을 넣고 두 번째 열은 나머지 열에 넣습니다. 모든 셀이 동기화 된 테이블보기를 얻으려면 동일한 높이인지 확인하십시오.

--------------------------------------------- 
|[table1]<div overflow='auto'>[table2]</div>| 
---------------------------------------------