GitHubで見る

テーブルの多重並べ替え

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

  • 詳細:

    1つまたは複数の並べ替え優先度を設定します。例：

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

  • デフォルト値: null

アイコン

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

メソッド

multipleSort

  • パラメータ: なし

  • 詳細:

    多重並べ替えを強制的に実行します（データを手動で変更した後に適用）。

multiSort

  • パラメータ: sortPriority

  • 詳細:

    1つまたは複数の並べ替え優先度を設定します。例：

    [
  {
    "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" }

formatThenBy

  • 詳細: 「次に」のテキスト

  • デフォルト値: function () { return "Then by" }

イベント

onMultipleSort (multiple-sort.bs.table)

  • 1つまたは複数の並べ替え優先度で並べ替えたときにトリガーされます。