Расширение древовидной сетки для Bootstrap Table, позволяет отображать данные с родительско-дочерними отношениями.

На этой странице

Зависимости

Это расширение зависит от библиотеки jquery-treegrid v0.3.0.

Использование

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

Примеры

Treegrid

Опции

treeEnable

  • Атрибут: data-tree-enable

  • Тип: Boolean

  • Описание:

    Управляет включением функции древовидной сетки. При установке в true таблица будет отображать данные с родительско-дочерними отношениями в древовидной структуре.

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

idField

  • Атрибут: data-id-field

  • Тип: String

  • Описание:

    Настраиваемое имя поля первичного ключа, используемое для идентификации уникального ID каждой записи данных.

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

parentIdField

  • Атрибут: data-parent-id-field

  • Тип: String

  • Описание:

    Устанавливает имя поля ID родительского узла, используемое для установления родительско-дочерних отношений между данными.

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

treeShowField

  • Атрибут: data-tree-show-field

  • Тип: String

  • Описание:

    Указывает имя поля, используемое для отображения древовидной структуры. После установки этой опции функция древовидной сетки будет автоматически включена.

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

rootParentId

  • Атрибут: data-root-parent-id

  • Тип: String

  • Описание:

    Устанавливает значение ID родителя корневого узла. Все данные, чей родительский ID равен этому значению, будут рассматриваться как узлы верхнего уровня.

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