Ver no GitHub

Bootstrap Table Custom View

Extensão Custom View da tabela Bootstrap Table.

Nesta página

Descrição

Esta extensão adiciona a capacidade de criar uma visualização personalizada para exibir os dados.

Uso

<script src="extensions/custom-view/bootstrap-table-custom-view.js"></script>

Exemplo

Custom View

Opções

customView

  • Atributo: data-custom-view

  • Tipo: Function|Boolean

  • Detalhe:

    Defina como false para desabilitar esta extensão. Defina como function para formatar sua visualização personalizada.

  • Padrão: false

customViewDefaultView

  • Atributo: data-custom-view-default-view

  • Tipo: Boolean

  • Detalhe:

    Defina como true para mostrar a visualização personalizada como a visualização padrão.

  • Padrão: false

showCustomView

  • Atributo: data-show-custom-view

  • Tipo: Boolean

  • Detalhe:

    Defina como true para mostrar o botão de alternância da visualização personalizada.

  • Padrão: false

Ícones

  • customViewOn:
    • Bootstrap3: glyphicon glyphicon-list
    • Bootstrap4: fa fa-eye
    • bootstrap5: ‘bi-eye’,
    • Semantic: fa fa-eye
    • Foundation: fa fa-eye
    • Bulma: fa fa-eye
    • Materialize: remove_red_eye
  • customViewOff:
    • Bootstrap3: glyphicon glyphicon-thumbnails
    • Bootstrap4: fa fa-th
    • bootstrap5: ‘bi-grid’,
    • Semantic: fa fa-th
    • Foundation: fa fa-th
    • Bulma: fa fa-th
    • Materialize: grid_on

Métodos

toggleCustomView

  • Alterna a visualização entre a tabela e a visualização personalizada.

Eventos

onCustomViewPreBody

  • Evento jQuery: custom-view-pre-body.bs.table

  • Parâmetro: undefined

  • Detalhe:

    Dispara antes da visualização personalizada ser renderizada.

onCustomViewPostBody

  • Evento jQuery: custom-view-post-body.bs.table

  • Parâmetro: undefined

  • Detalhe:

    Dispara após a visualização personalizada ser renderizada.

onToggleCustomView

  • Dispara quando a visualização personalizada é alternada.

  • Evento jQuery: toggle-custom-view.bs.table

  • Parâmetro: state

  • Detalhe:

    Dispara quando a visualização personalizada é alternada:

    • state: o novo estado da visualização personalizada (true-> Visualização personalizada está habilitada, false -> Visualização personalizada está desabilitada )

Localizações

formatToggleCustomViewOn

  • Tipo: Function

  • Padrão: function () { return "Mostrar visualização personalizada" }

formatToggleCustomViewOff

  • Tipo: Function

  • Padrão: function () { return "Ocultar visualização personalizada" }