Table 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

• Описание:

  Устанавливает поле для группировки:

  • Для одного поля используется строка, например shape.
  • Для нескольких полей используется массив, например ['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

• Описание:

  При установке в true отображает иконку переключения в зависимости от состояния сворачивания (требуется использование вместе с groupByToggle).

• Значение по умолчанию: false

groupByCollapsedGroups

• Атрибут: data-group-by-collapsed-groups

• Тип: Array|Function

• Описание:

  Ключи группировки в списке будут по умолчанию свёрнуты. Эта опция может быть:

  • переменной (массивом)
  • строкой массива, например ['circle']
  • функцией, возвращающей массив, параметры:
    • ключ группировки
    • данные в группе

• Значение по умолчанию: []