Componente Bootstrap Table

La API del Componente Vue de Bootstrap Table.

Ejemplo de uso

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

Nota: cuando uses v-if, se recomienda envolver BootstrapTable con un div para evitar errores innecesarios.

Props

columns

• Tipo: Object

• Detalle:

  Las opciones de columna de Bootstrap Table. Esta prop es requerida.

• Por defecto: undefined

data

• Tipo: Array | Object

• Detalle:

  Los datos a cargar.

• Por defecto: undefined

options

• Tipo: Object

• Detalle:

  Las opciones de tabla de Bootstrap Table.

• Por defecto: {}

Eventos

Sintaxis de llamada al método: @on-event="onEvent".

Todos los eventos (sin onAll) están definidos en API de Eventos.

Nota: necesitas convertir el nombre del evento al formato minúsculas + guión, por ejemplo: onClickRow debe ser on-click-row.

Métodos

Sintaxis de llamada al método: this.$refs.table.methodName(parameter).

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

Todos los métodos están definidos en API de Métodos.