Ver no GitHub

Bootstrap Table Componente

A API do Componente Vue do Bootstrap Table.

Nesta página

Exemplo de uso

<BootstrapTable
  ref="table"
  :columns="columns"
  :data="data"
  :options="options"
  @on-post-body="onPostBody"
/>

Nota: quando usando v-if, é recomendado envolver o BootstrapTable com uma div para evitar erros desnecessários.

Props

columns

  • Tipo: Object

  • Detalhe:

    As opções de coluna do Bootstrap Table. Esta prop é obrigatória.

  • Padrão: undefined

data

  • Tipo: Array | Object

  • Detalhe:

    Os dados a serem carregados.

  • Padrão: undefined

options

Eventos

A sintaxe do método de chamada: @on-event="onEvent".

Todos os eventos (sem onAll) estão definidos na API de Eventos.

Nota: você precisa converter o nome do evento para o formato minúsculo + hífen, por exemplo: onClickRow deve ser on-click-row.

Métodos

A sintaxe do método de chamada: this.$refs.table.methodName(parameter).

Exemplo: this.$refs.table.getOptions().

Todos os métodos estão definidos na API de Métodos.