Componente Bootstrap Table

L'API del componente Vue di Bootstrap Table.

Esempio di utilizzo

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

Nota: quando si utilizza v-if, si consiglia di avvolgere BootstrapTable in un div per evitare errori inutili.

Props

columns

• Tipo: Object

• Dettagli:

  Le opzioni delle colonne di Bootstrap Table. Questo prop è obbligatorio.

• Default: undefined

data

• Tipo: Array | Object

• Dettagli:

  I dati da caricare.

• Default: undefined

options

• Tipo: Object

• Dettagli:

  Le opzioni della tabella di Bootstrap Table.

• Default: {}

Eventi

La sintassi del metodo di chiamata: @on-event="onEvent".

Tutti gli eventi (senza onAll) sono definiti nell’API degli eventi.

Nota: è necessario convertire il nome dell’evento in formato minuscolo + trattino, ad esempio: onClickRow dovrebbe essere on-click-row.

Metodi

La sintassi del metodo di chiamata: this.$refs.table.methodName(parameter).

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

Tutti i metodi sono definiti nell’API dei metodi.