Auf GitHub anzeigen

Bootstrap Table Component

Die API der Bootstrap Table Vue-Komponente.

Auf dieser Seite

Verwendungsbeispiel

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

Hinweis: Bei der Verwendung von v-if wird empfohlen, BootstrapTable in ein div zu packen, um unnötige Fehler zu vermeiden.

Eigenschaften

columns

  • Typ: Object

  • Beschreibung:

    Die Spaltenoptionen von Bootstrap Table. Diese Eigenschaft ist erforderlich.

  • Standard: undefined

data

  • Typ: Array | Object

  • Beschreibung:

    Die zu ladenden Daten.

  • Standard: undefined

options

  • Typ: Object

  • Beschreibung:

    Die Tabellenoptionen von Bootstrap Table.

  • Standard: {}

Ereignisse

Die Aufrufsyntax: @on-event="onEvent".

Alle Ereignisse (ohne onAll) sind in der Events API definiert.

Hinweis: Sie müssen den Ereignisnamen in das Format Kleinbuchstaben + Bindestrich konvertieren, z. B.: onClickRow sollte on-click-row sein.

Methoden

Die Aufrufsyntax: this.$refs.table.methodName(parameter).

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

Alle Methoden sind in der Methods API definiert.