Bootstrap Table Group By v2

Extensão Group By v2 da tabela Bootstrap Table.

Uso

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

Exemplo

Group By v2

Opções

groupBy

• Atributo: data-group-by

• Tipo: Boolean

• Detalhe:

  Defina true para agrupar os dados pelo campo passado.

• Padrão: false

groupByField

• Atributo: data-group-by-field

• Tipo: String|Array

• Detalhe:

  Define o(s) nome(s) do(s) campo(s) pelo(s) qual(is) você deseja agrupar os dados. Para um único campo, use uma String, por exemplo: shape. Para múltiplos campos, use um Array, por exemplo: ["shape", "color"].

• Padrão: ''

groupByFormatter

• Atributo: data-group-by-formatter

• Tipo: Function

• Detalhe:

  A função formatadora da linha de grupo, recebe três parâmetros:

  • value: o valor do agrupamento.
  • idx: o índice do grupo.
  • data: um array de linhas no grupo.

• Padrão: undefined

groupByToggle

• Atributo: data-group-by-toggle

• Tipo: Boolean

• Detalhe:

  Defina true para permitir colapsar/expandir grupos.

• Padrão: false

groupByShowToggleIcon

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

• Tipo: Boolean

• Detalhe:

  Defina true para mostrar ícones se o grupo estiver recolhido ou expandido (veja groupByToggle).

• Padrão: false

groupByCollapsedGroups

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

• Tipo: Array|Function

• Detalhe:

  Todas as chaves de grupo (que estão neste array) serão recolhidas por padrão. O valor desta opção pode ser:

  • Uma variável (array)
  • Um array de strings, por exemplo: ["circle"]
  • Uma função (retorna um array) que recebe como parâmetros:
    • A chave do grupo
    • As entradas do grupo

• Padrão: []