Bootstrap Table Group By v2

Die Group-By-v2-Erweiterung der Bootstrap Table.

Verwendung

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

Beispiel

Group By v2

Optionen

groupBy

• Attribut: data-group-by

• Typ: Boolean

• Detail:

  Setzen Sie true, um die Daten nach dem übergebenen Feld zu gruppieren.

• Standard: false

groupByField

• Attribut: data-group-by-field

• Typ: String|Array

• Detail:

  Legen Sie den/die Feldnamen fest, nach denen Sie die Daten gruppieren möchten. Für ein einzelnes Feld verwenden Sie einen String, z. B. shape. Für mehrere Felder verwenden Sie ein Array, z. B. ["shape", "color"].

• Standard: ''

groupByFormatter

• Attribut: data-group-by-formatter

• Typ: Function

• Detail:

  Die Gruppenzeilen-Formatiererfunktion nimmt drei Parameter entgegen:

  • value: der Gruppierungswert.
  • idx: der Index der Gruppe.
  • data: ein Array von Zeilen in der Gruppe.

• Standard: undefined

groupByToggle

• Attribut: data-group-by-toggle

• Typ: Boolean

• Detail:

  Setzen Sie true, um das Einklappen/Ausklappen von Gruppen zu ermöglichen.

• Standard: false

groupByShowToggleIcon

• Attribut: data-group-by-show-toggle-icon

• Typ: Boolean

• Detail:

  Setzen Sie true, um Symbole anzuzeigen, wenn die Gruppe eingeklappt oder ausgeklappt ist (siehe groupByToggle).

• Standard: false

groupByCollapsedGroups

• Attribut: data-group-by-collapsed-groups

• Typ: Array|Function

• Detail:

  Alle Gruppen-Schlüssel (die in diesem Array sind) werden standardmäßig eingeklappt. Der Wert dieser Option kann sein:

  • Eine Variable (Array)
  • Ein Array-String z. B. ["circle"]
  • Eine Funktion (gibt ein Array zurück), die als Parameter erhält:
    • Der Gruppen-Schlüssel
    • Die Einträge der Gruppe

• Standard: []