在 GitHub 上檢視

Table Multiple Sort

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

formatThenBy

  • 詳情: 「然後按」文本

  • 默認值: function () { return "Then by" }

事件

onMultipleSort (multiple-sort.bs.table)

  • 當按一個或多個排序優先級排序時觸發。