TableSorter는 웹 애플리케이션의 테이블을 정렬하고 필터링하는 데 사용되는 자바스크립트 플러그인입니다. 이 플러그인은 기본적으로 하나의 열에 대해 오름차순 및 내림차순 정렬을 제공합니다. 그러나 때로는 여러 열에 대한 다중 정렬이 필요할 수 있습니다. 이 글에서는 TableSorter에서 다중 소팅 기능을 사용하는 방법에 대해 살펴보겠습니다.

다중 소팅 설정

TableSorter를 사용하여 다중 소팅을 구현하려면 sortList 옵션을 사용하면 됩니다. sortList 옵션은 소팅할 열의 인덱스 및 정렬 순서를 배열로 지정합니다. 예를 들어, 첫 번째 열은 오름차순으로, 두 번째 열은 내림차순으로 정렬하려면 다음과 같이 설정할 수 있습니다.

sortList: [[0,0], [1,1]]

위 예제에서 sortList 배열의 각 요소는 정렬할 열의 인덱스와 정렬 순서를 나타냅니다. 인덱스는 0부터 시작하며, 정렬 순서는 0이면 오름차순, 1이면 내림차순을 나타냅니다.

다중 소팅 활성화

TableSorter를 초기화할 때 sortList 옵션을 사용하여 다중 소팅을 활성화할 수 있습니다. 예를 들어, 다음과 같이 TableSorter를 초기화할 수 있습니다.

$("#myTable").tablesorter({
  sortList: [[0,0], [1,1]]
});

결과 확인

위 설정을 통해 테이블의 첫 번째 열은 오름차순으로, 두 번째 열은 내림차순으로 정렬됩니다.

이제 TableSorter를 사용하여 테이블에서 다중 소팅을 구현하는 방법에 대해 알아보았습니다. 이를 통해 사용자는 여러 열에 대한 복잡한 정렬 요구를 충족시킬 수 있게 되었습니다.

끝.