셀 기능

정렬

QCELL의 정렬 기능은 컬럼 옵션에서 sort: true를 설정하면 사용할 수 있으며, 정렬 순서는 오름차순, 내림차순, 그리고 초기화 순으로 동작합니다.
그리고 초기화 순으로 동작합니다. 또한, sort: true로 설정된 컬럼은 API를 통해 정렬을 제어할 수 있습니다.



Step 1: 기본 정렬

sort : true컬럼 옵션에서 sort : true를 설정합니다.

  • 문자열로 구성된 컬럼은 문자열 정렬
  • 숫자로 구성된 열은 숫자로 정렬
  • 셀렉트박스로 구성된 열은 설정된 값을 기준으로 정렬


  • Step 2: 다중 정렬

    Shift 키를 누른 상태에서 정렬이 설정된 컬럼의 정렬 아이콘을 클릭하면 다중 정렬이 적용됩니다.
    이때 정렬 아이콘 옆에 순서 번호가 표시되며, 해당 순서 번호를 다시 클릭하면 다중 정렬이 해제됩니다.



    Step 2: API를 사용한 (다중)컬럼 정렬

    sort() 데이터를 특정 조건을 기준으로 정렬합니다. (조건이 2개이상이면 다중정렬)

    • QCell1.sort([[3, "asc", "string"]]); //3번째 열을 기준으로 (string)오름차순으로 정렬 (단일 정렬) => 싱글 컬럼을 api로 정렬
    • QCell1.sort([[3, "asc", "string"],[1, "desc", "number"]]); //3번째 열을 기준으로 (string)오름차순으로, 1번째 열을 기준으로 (number)내림차순으로 정렬 (다중 정렬) => API를 통해 다중 컬럼을 정렬할 수 있으며, 정렬이 완료되면 정렬 아이콘 옆에 순서대로 숫자가 표시됩니다. 각 숫자를 클릭하면 해당 컬럼의 정렬이 하나씩 해제됩니다.