Vedi su GitHub

Bootstrap Table Raggruppa Per v2

Estensione Raggruppa Per v2 della tabella di Bootstrap Table.

In questa pagina

Utilizzo

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

Esempio

Raggruppa Per v2

Opzioni

groupBy

  • Attributo: data-group-by

  • Tipo: Boolean

  • Dettagli:

    Imposta true per raggruppare i dati per il campo passato.

  • Default: false

groupByField

  • Attributo: data-group-by-field

  • Tipo: String|Array

  • Dettagli:

    Imposta il nome(i) del campo che desideri utilizzare per raggruppare i dati. Per un singolo campo utilizza una String ad esempio shape. Per più campi utilizza un Array ad esempio ["shape", "color"].

  • Default: ''

groupByFormatter

  • Attributo: data-group-by-formatter

  • Tipo: Function

  • Dettagli:

    La funzione formatter per la riga di gruppo, accetta tre parametri:

    • value: il valore del raggruppamento.
    • idx: l’indice del gruppo.
    • data: un array di righe nel gruppo.
  • Default: undefined

groupByToggle

  • Attributo: data-group-by-toggle

  • Tipo: Boolean

  • Dettagli:

    Imposta true per consentire il collasso/espansione dei gruppi.

  • Default: false

groupByShowToggleIcon

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

  • Tipo: Boolean

  • Dettagli:

    Imposta true per mostrare le icone se il gruppo è collassato o espanso (vedi groupByToggle).

  • Default: false

groupByCollapsedGroups

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

  • Tipo: Array|Function

  • Dettagli:

    Tutte le chiavi di gruppo (che sono in questo array saranno collassate per impostazione predefinita. Il valore di questa opzione può essere:

    • Una variabile (array)
    • Una stringa Array ad esempio ["circle"]
    • Una funzione (restituisce un array) che riceve come parametri:
      • La chiave del gruppo
      • Le voci del gruppo
  • Default: []