tablesorter 로 table 정렬을 해보자.

서버사이드에서 미리 정렬을 해서 결과를 출력할 수도 있지만 

이미 출력된 클라이언트 사이드에서 정렬을 할 수 있으면 페이지를 새로 고침하지 않아도 되므로

추가적인 데이터 전송이 필요 없으므로 더 빠르게 재정렬이 가능하다.

jquery plugin중 하나인 tablesorter를 사용하면, 간단히 class를 추가하는 것만으로도 기본적인

정렬기능을 사용할 수 있다.

http://tablesorter.com

사용법은 매우 간단하다. jquery와 tablesorter 파일을 로드 하고

table에 tablesorter라는 클래스를 주고, 

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 

를 해주면 기본적인 기능의 정렬이 가능하다.

위의 사이트를 들어가면 여러가지 예제를 볼 수 있다.

댓글 남기기