테이블 다중 정렬

Bootstrap Table의 다중 정렬 확장 기능으로, 여러 필드로 동시에 정렬할 수 있습니다.

이 페이지에서

다중 정렬 확장 기능은 사용자가 여러 열을 기준으로 테이블 데이터를 동시에 정렬할 수 있도록 하여 더 유연한 데이터 정렬 방식을 제공합니다.

사용법

<script src="extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>

예제

Multiple Sort

옵션

showMultiSort

속성: data-show-multi-sort
유형: Boolean
세부 정보:

다중 정렬 기능을 활성화할지 여부입니다. true로 설정하면 사용자가 여러 정렬 조건을 동시에 설정할 수 있습니다.
기본값: false

showMultiSortButton

속성: data-show-multi-sort-button
유형: Boolean
세부 정보:

다중 정렬 버튼을 표시할지 여부입니다. false로 설정하면 다중 정렬 제어 버튼을 숨깁니다.
기본값: true

multiSortStrictSort

속성: data-multi-sort-strict-sort
유형: Boolean
세부 정보:

true로 설정하면 엄격한 정렬을 활성화합니다(즉 문자열은 toLowerCase를 통해 비교).
기본값: false

sortPriority

속성: data-sort-priority
유형: Object

세부 정보:

하나 또는 여러 정렬 우선순위를 설정합니다. 예를 들어:

[
  {
    "sortName": "forks_count",
    "sortOrder": "desc"
  },
  {
    "sortName": "stargazers_count",
    "sortOrder":"desc"
  }
]

기본값: null

아이콘

sort: 'glyphicon-sort'
plus: 'glyphicon-plus'
minus: 'glyphicon-minus'

메서드

multipleSort

매개변수: 없음
세부 정보:

다중 열 정렬을 강제로 실행합니다(수동으로 데이터를 수정한 후에 적합).

multiSort

매개변수: sortPriority

세부 정보:

하나 또는 여러 정렬 우선순위를 설정합니다. 예를 들어:

[
  {
    "sortName": "forks_count",
    "sortOrder": "desc"
  },
  {
    "sortName": "stargazers_count",
    "sortOrder": "asc"
  }
]

현지화

formatAddLevel

세부 정보: 레벨 추가 버튼 텍스트
기본값: function () { return "Add Level" }

formatCancel

세부 정보: 취소 버튼 텍스트
기본값: function () { return "Cancel" }

formatColumn

세부 정보: 열 제목 텍스트
기본값: function () { return "Column" }

formatDeleteLevel

세부 정보: 레벨 삭제 버튼 텍스트
기본값: function () { return "Delete Level" }

formatDuplicateAlertTitle

세부 정보: 중복 경고 제목
기본값: function () { return "Duplicate(s) detected!" }

formatDuplicateAlertDescription

세부 정보: 중복 경고 본문
기본값: function () { return "Please remove or change any duplicate column." }

formatMultipleSort

세부 정보: 고급 검색 팝업 제목
기본값: function () { return "Multiple Sort" }

formatOrder

세부 정보: 정렬 순서 텍스트
기본값: function () { return "Order" }

formatSort

세부 정보: 정렬 버튼 텍스트
기본값: function () { return "Sort" }

formatSortBy

세부 정보: “정렬 기준” 텍스트
기본값: function () { return "Sort by" }

formatSortOrders

세부 정보: 정렬 순서 텍스트
기본값:
- asc: function () { return "Ascending" }
- desc: function () { return "Descending" }