テーブルグループ バイ v2

Bootstrapテーブルのテーブル グループ バイ v2拡張機能。

使用方法

<link rel="stylesheet" href="extensions/group-by-v2/bootstrap-table-group-by.css">
<script src="extensions/group-by-v2/bootstrap-table-group-by.js"></script>

例

グループ バイ v2

オプション

groupBy

• 属性: data-group-by

• タイプ: Boolean

• 詳細

  真に設定すると、渡されたフィールドでデータをグループ化します。

• 既定値: false

groupByField

• 属性: data-group-by-field

• タイプ: String|Array

• 詳細

  データをグループ化したいフィールド名を設定します。単一フィールドには String を使用します。例: shape。複数フィールドには Array を使用します。例: ["shape", "color"]。

• 既定値: ''

groupByFormatter

• 属性: data-group-by-formatter

• タイプ: Function

• 詳細

  グループ行のフォーマッタ関数には3つのパラメータがあります

  • value: グループ化された値。
  • idx: グループのインデックス。
  • data: グループ内の行の配列。

• 既定値: undefined

groupByToggle

• 属性: data-group-by-toggle

• タイプ: Boolean

• 詳細

  グループを折りたたんだり展開したりするには true に設定します。

• 既定値: false

groupByShowToggleIcon

• 属性: data-group-by-show-toggle-icon

• タイプ: Boolean

• 詳細

  グループが折りたたまれているか展開されている場合はアイコンを表示するには true に設定します（groupByToggleを参照）

• 既定値: false

groupByCollapsedGroups

• 属性: data-group-by-collapsed-groups

• タイプ: Array|Function

• 詳細

  すべてのグループキー（この配列内にあるもの）はデフォルトで折りたたまれます。このオプションの値は次のとおりにすることができます。

  • 変数（配列）
  • 配列文字列、例: ["circle"]
  • パラメータとして取得する関数（配列を返します）
    • グループキー
    • グループのエントリ

• デフォルト: []