مشاهده در 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

  • ویژگی: data-group-by

  • نوع: Boolean

  • جزئیات:

    برای گروه‌بندی داده‌ها بر اساس فیلد مشخص شده، روی true تنظیم کنید.

  • پیش‌فرض: false

groupByField

  • ویژگی: data-group-by-field

  • نوع: String|Array

  • جزئیات:

    نام فیلد(ها) را که می‌خواهید داده‌ها بر اساس آن گروه‌بندی شوند، تنظیم کنید. برای فیلد تک‌تایی از String استفاده کنید، به عنوان مثال: shape. برای فیلدهای چندتایی از Array استفاده کنید، به عنوان مثال: ["shape", "color"].

  • پیش‌فرض: ''

groupByFormatter

  • ویژگی: data-group-by-formatter

  • نوع: Function

  • جزئیات:

    تابع فرمت‌بندی ردیف گروه، سه پارامتر می‌گیرد:

    • value: مقدار گروه‌بندی.
    • idx: اندیس گروه.
    • data: آرایه‌ای از ردیف‌های در گروه.
  • پیش‌فرض: undefined

groupByToggle

  • ویژگی: data-group-by-toggle

  • نوع: Boolean

  • جزئیات:

    برای اجازه جمع‌کردن/بازکردن گروه‌ها، روی true تنظیم کنید.

  • پیش‌فرض: false

groupByShowToggleIcon

  • ویژگی: data-group-by-show-toggle-icon

  • نوع: Boolean

  • جزئیات:

    برای نمایش آیکون‌ها در صورت جمع‌کردن یا بازکردن گروه (ببینید groupByToggle)، روی true تنظیم کنید.

  • پیش‌فرض: false

groupByCollapsedGroups

  • ویژگی: data-group-by-collapsed-groups

  • نوع: Array|Function

  • جزئیات:

    تمام کلیدهای گروه (که در این آرایه هستند) به صورت پیش‌فرض جمع‌کرده خواهند شد. مقدار این گزینه می‌تواند باشد:

    • یک متغیر (آرایه)
    • یک رشته آرایه، به عنوان مثال: ["circle"]
    • یک تابع (که آرایه‌ای برمی‌گرداند) که به عنوان پارامترهای دریافت می‌کند:
      • کلید گروه
      • ورودی‌های گروه
  • پیش‌فرض: []