عرض على GitHub

Bootstrap Table Group By v2

امتداد Group By v2 للجدول في Bootstrap Table.

في هذه الصفحة

الاستخدام

<link rel="stylesheet" href="extensions/group-by-v2/bootstrap-table-group-by.css">
<script src="extensions/group-by-v2/bootstrap-table-group-by.js"></script>

المثال

Group By v2

الخيارات

groupBy

  • attribute: data-group-by

  • type: Boolean

  • Detail:

    قم بتعيين true ل групировка البيانات حسب الحقل الممرر.

  • Default: false

groupByField

  • attribute: data-group-by-field

  • type: String|Array

  • Detail:

    قم بتعيين اسم(اء) الحقل(الحقول) الذي تريد групировка البيانات حسبه. للحقول الفردية، استخدم String على سبيل المثال shape. للحقول المتعددة، استخدم Array على سبيل المثال ["shape", "color"].

  • Default: ''

groupByFormatter

  • attribute: data-group-by-formatter

  • type: Function

  • Detail:

    دالة تنسيق صف المجموعة، تأخذ ثلاثة معاملات:

    • value: قيمة группировки.
    • idx: فهرس المجموعة.
    • data: مصفوفة من الصفوف في المجموعة.
  • Default: undefined

groupByToggle

  • attribute: data-group-by-toggle

  • type: Boolean

  • Detail:

    قم بتعيين true للسماح بتطويق/توسيع المجموعات.

  • Default: false

groupByShowToggleIcon

  • attribute: data-group-by-show-toggle-icon

  • type: Boolean

  • Detail:

    قم بتعيين true لعرض الأيقونات إذا كانت المجموعة مطوية أو موسعة (انظر groupByToggle).

  • Default: false

groupByCollapsedGroups

  • attribute: data-group-by-collapsed-groups

  • type: Array|Function

  • Detail:

    جميع مفاتيح المجموعة (التي موجودة في هذه المصفوفة) سوف تكون مطوية بشكل افتراضي. يمكن أن تكون قيمة هذا الخيار:

    • متغير (مصفوفة)
    • سلسلة مصفوفة على سبيل المثال ["circle"]
    • دالة (تعيد مصفوفة) والتي تتلقى كمعاملات:
      • مفتاح المجموعة
      • إدخالات المجموعة
  • Default: []