Bootstrap Table Component

واجهة برمجة التطبيقات (API) لمكون Bootstrap Table Vue.

مثال الاستخدام

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

ملاحظة: عند استخدام v-if، يُنصح بتغليف BootstrapTable بِـ div لتجنب أخطاء غير ضرورية.

الخصائص (Props)

columns

• Type: Object

• Detail:

  خيارات العمود لـ Bootstrap Table. هذا الخصائص مطلوب.

• Default: undefined

data

• Type: Array | Object

• Detail:

  البيانات التي سيتم تحميلها.

• Default: undefined

options

• Type: Object

• Detail:

  خيارات الجدول لـ Bootstrap Table.

• Default: {}

الأحداث (Events)

بناء الجملة للاستدعاء: @on-event="onEvent".

جميع الأحداث (بدون onAll) محددة في Events API.

ملاحظة: تحتاج إلى تحويل اسم الحدث إلى تنسيق أحرف صغيرة + شرطة، على سبيل المثال: onClickRow يجب أن يكون on-click-row.

الطرق (Methods)

بناء الجملة للاستدعاء: this.$refs.table.methodName(parameter).

مثال: this.$refs.table.getOptions().

جميع الطرق محددة في Methods API.