웹 개발에서 테이블은 매우 유용한 형식으로 사용됩니다. 테이블의 항목을 정렬하고 그룹화하기 위해 TableSorter 라이브러리를 사용하는 것이 일반적입니다. TableSorter는 테이블을 정렬하고 필터링하기 위한 다양한 기능을 제공하며, 특별히 테이블의 행과 열을 합치고 분리하는 기능을 손쉽게 제공합니다.

아래 예제는 TableSorter 라이브러리를 사용하여 테이블에서 행과 열을 합치고 분리하는 방법을 보여줍니다.

행 합치기

// 행 합치기
$("table").tablesorter({
  headers: {
    // 1열을 기준으로 합칩니다.
    0: { sorter: "span" }
  }
});

위 코드는 1열을 기준으로 행을 합치는 예제입니다. span 정렬기를 사용하여 해당 열의 값을 기준으로 행을 합칩니다.

열 합치기

// 열 합치기
$("table").tablesorter({
  headers: {
    // 1행을 기준으로 합칩니다.
    0: { sorter: "false" }
  }
});

위 코드는 1행을 기준으로 열을 합치는 예제입니다. false 정렬기를 사용하여 해당 행에 있는 모든 값을 기준으로 열을 합칩니다.

합친 행/열 분리하기

// 합친 행/열 분리하기
$("table").trigger("update");

행이나 열을 합친 이후에는 update 이벤트를 트리거하여 변경 사항을 적용합니다.

TableSorter 라이브러리를 사용하면 테이블에서 행과 열을 손쉽게 합치고 분리할 수 있습니다. 이를 통해 웹 애플리케이션의 테이블 기능을 더욱 효과적으로 활용할 수 있습니다.

더 많은 정보는 TableSorter 공식 문서를 참고하세요.