테이블의 페이징, 정렬 기능 추가 플러그인

최종 업데이트 : 2011-09-14
투고일 : 2011-08-03

<table> 페이징, 정렬 기능을 추가하는 jQuery 플러그인입니다.

현재 인터넷에서 찾으면 페이징, 정렬 기능을 가지고 훌륭한 플러그인이 많이 있습니다.
나도 Tablesorter 2.0 및 Flexigrid 등을 이용했습니다.

하지만 Tablesorter 2.0 바닥글을 고정할 수없는 (tbody을 스크롤 대), Flexigrid는 데이터의 양은 증가했을 때 치명적으로 느린 (200 개 이상 표시되면 수십 초 정도 기다린 때문에)는 나를 위해 나머지 한 걸음 부족한 상태였습니다.

그래서, 위의 두 플러그인을 참고로하면서 자신 취향의 페이징 기능 및 정렬 기능을 가진 jQuery 플러그인을 작성 했으므로, 여러분도 좋으면 이용해 주시기 바랍니다.

height: 높이를 수치로 지정. 브라우저의 크기에 맞추는 경우는 "auto"
기본값 : "auto"
row: 행 수를 지정합니다.
기본값 : 50
url: Ajax로 데이터를 가져옵니다 기본값 : false
param: Ajax 이용시 필요한 매개 변수를 보낼 수 있습니다. 송신 데이터는 GET에서 얻을 수 있습니다.
param : {action : "address-list"}
cols: 각 열의 너비와 id, text-align을 지정합니다. 너비를 지정하면 고정됩니다. id는 Ajax에서 사용합니다. text-align은 왼쪽, 오른쪽, 중앙 설정입니다.
(너비만 지정) cols : [{width : 50}, {width : 100}]
(id 지정) cols : [{id : "zip", width : 50}, {id : "address1"width : 100}]
(text-align 지정) cols : [{id : "zip", width : 50 align : "right"}, {id : "address1"align : "center"]
qtype: 검색 열 이름입니다.
기본값 : ""
query: 검색 문자열 기본 : ""
onResult: Ajax에서 데이터를 검색 후 표시 html을 가공하는 데 사용할 수 있습니다. (데모 참조)

확인하는 것은 Windows에서 IE7, IE8, FireFox5, chrome, Opera입니다.
IE6는 지원되지 않습니다.

뭔가 문제가 발생하더라도 당사가 책임을 갖지 않으므로 사용하는 경우는 자기 책임으로 부탁합니다.

2011-09-14 버그 수정 (align만을 지정라고 align이 효과가없는 버그 수정) (ver1.2)

2011-08-25 로딩 화면 추가 align 옵션 추가 (ver1.1)

2011-08-03 ver1.0 공개