عرض على GitHub

Bootstrap Table Custom View

امتداد Custom View للجدول في Bootstrap Table.

في هذه الصفحة

الوصف

هذا الإضافة يضيف القدرة على إنشاء عرض مخصص لعرض البيانات.

الاستخدام

<script src="extensions/custom-view/bootstrap-table-custom-view.js"></script>

المثال

Custom View

الخيارات

customView

  • Attribute: data-custom-view

  • Type: Function|Boolean

  • Detail:

    قم بتعيينه إلى false لتعطيل هذا الإضافة. قم بتعيينه إلى function لتنسيق العرض المخصص الخاص بك.

  • Default: false

customViewDefaultView

  • Attribute: data-custom-view-default-view

  • Type: Boolean

  • Detail:

    قم بتعيينه إلى true لعرض العرض المخصص كعرض افتراضي.

  • Default: false

showCustomView

  • Attribute: data-show-custom-view

  • Type: Boolean

  • Detail:

    قم بتعيينه إلى true لعرض زر تبديل العرض المخصص.

  • Default: false

الأيقونات

  • customViewOn:
    • Bootstrap3: glyphicon glyphicon-list
    • Bootstrap4: fa fa-eye
    • bootstrap5: ‘bi-eye’,
    • Semantic: fa fa-eye
    • Foundation: fa fa-eye
    • Bulma: fa fa-eye
    • Materialize: remove_red_eye
  • customViewOff:
    • Bootstrap3: glyphicon glyphicon-thumbnails
    • Bootstrap4: fa fa-th
    • bootstrap5: ‘bi-grid’,
    • Semantic: fa fa-th
    • Foundation: fa fa-th
    • Bulma: fa fa-th
    • Materialize: grid_on

الطرق

toggleCustomView

  • يقلب العرض بين الجدول والعرض المخصص.

الأحداث

onCustomViewPreBody

  • jQuery Event: custom-view-pre-body.bs.table

  • Parameter: undefined

  • Detail:

    ينطلق قبل عرض العرض المخصص.

onCustomViewPostBody

  • jQuery Event: custom-view-post-body.bs.table

  • Parameter: undefined

  • Detail:

    ينطلق بعد عرض العرض المخصص.

onToggleCustomView

  • ينطلق عندما يتم تبديل العرض المخصص.

  • jQuery Event: toggle-custom-view.bs.table

  • Parameter: state

  • Detail:

    It fires when the custom view is toggled:

    • state: the new custom view state (true-> Custom view is enabled, false -> Custom view is disabled )

Localizations

formatToggleCustomViewOn

  • type: Function

  • Default: function () { return "Show custom view" }

formatToggleCustomViewOff

  • type: Function

  • Default: function () { return "Hide custom view" }