Bootstrap Table Group By v2

Extension Table Group By v2 de Bootstrap Table.

Utilisation

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

Exemple

Group By v2

Options

groupBy

• attribute : data-group-by

• type : Boolean

• Détail :

  Définissez true pour regrouper les données par le champ passé.

• Par défaut : false

groupByField

• attribute : data-group-by-field

• type : String|Array

• Détail :

  Définissez le(s) nom(s) de champ que vous souhaitez utiliser pour regrouper les données. Pour un seul champ, utilisez une String par exemple shape. Pour plusieurs champs, utilisez un Array par exemple ["shape", "color"].

• Par défaut : ''

groupByFormatter

• attribute : data-group-by-formatter

• type : Function

• Détail :

  La fonction de formatage de la ligne de groupe, prend trois paramètres :

  • value : la valeur du groupe.
  • idx : l’indice du groupe.
  • data : un tableau de lignes dans le groupe.

• Par défaut : undefined

groupByToggle

• attribute : data-group-by-toggle

• type : Boolean

• Détail :

  Définissez true pour permettre de réduire/développer les groupes.

• Par défaut : false

groupByShowToggleIcon

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

• type : Boolean

• Détail :

  Définissez true pour afficher des icônes si le groupe est réduit ou développé (voir groupByToggle).

• Par défaut : false

groupByCollapsedGroups

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

• type : Array|Function

• Détail :

  Toutes les clés de groupe (qui sont dans ce tableau seront réduites par défaut. La valeur de cette option peut être :

  • Une variable (tableau)
  • Un tableau de chaînes par exemple ["circle"]
  • Une fonction (retourne un tableau) qui prend en paramètres :
    • La clé du groupe
    • Les entrées du groupe

• Par défaut : []