Дерево c колонками

Контрол "Дерево с колонками" позволяет отображать данные из различных источников в виде иерархического списка с колонками. Контрол поддерживает широкий набор возможностей, позволяющих разработчику максимально гибко настраивать отображение данных.

Документация API Спецификация Axure

Базовая конфигурация

Пример настройки дерева с колонками с указанием минимального числа опций.

Колонки

Настройка визуального представления колонок, вертикальных разделителей, пользовательского шаблона отображения, а также обработка событий, происходящих при взаимодействии с колонками.

Шаблон отображения элемента

Для дерева можно установить пользовательский шаблон отображения элемента. С его помощью настраивают отображаемый контент, вид курсора, отображение с фото.

Шапка дерева с колонками

Настройка визуального представления шапки, пользовательского шаблона отображения колонок шапки, прилипания шапки при прокрутке дерева с колонками, отображение кнопок сортировки, а также объединение колонок шапки и создание многоуровневой шапки.

Итоги

В дереве с колонками можно отобразить итоги (результат суммирования по данным колонок) в виде единой строки либо с разбиением по колонкам.

Разделители колонок и строк

Настройка размеров горизонтальных разделителей элементов дерева с колонками, а также вертикальных разделителей всех или отдельных колонок дерева.

Лесенка

Лесенка позволяет скрывать одинаковые значения колонок в смежных элементах дерева с колонками, показывая значения только в первом элементе. Это используется для того, чтобы снизить визуальную загруженность контрола.

Горизонтальная прокрутка

Если суммарная ширина колонок больше контейнера дерева с колонками, то можно настроить горизонтальную прокрутку, фиксацию колонок при прокрутке, а также перетаскивание при горизонтальной прокрутке и Drag'n'Drop.

Узлы дерева

Настройка визуального представления узла, шаблона отображения подвала раскрытого узла, а также событий, происходящих при взаимодействии с узлом.

Шаблон отображения пустого дерева с колонками

Если дерево с колонками не получает данные из источника, то контрол отображается без элементов. Чтобы контрол не выглядел "пустым", в его контентной области можно вывести пользовательский шаблон. Такой шаблон используют, чтобы уведомить пользователя об отсутствии загруженных данных и предоставить варианты дальнейших действий на странице. Также можно использовать уже готовые шаблоны с возможностью выбора медиаконтента из библиотеки.

Шаблон отображения подвала

Контрол предоставляет возможность задать пользовательский шаблон отображения подвала дерева с колонками.

Настройка отступов

Можно настроить отступы между границей элемента и содержимым несколькими способами: с помощью конфигурации отступов внутри элемента или с помощью конфигурации отступов внутри колонки. Для элементов иерархии можно настроить размер иерархического отступа или перевести контрол в режим отображения с двумя уровнями иерархии — двухуровневое дерево.

Настройка фона

Контрол предоставляет возможность задать пользовательский цветовой стиль фона элементов, а также цветовой стиль фона колонок и стиль фона элемента при наведении курсора мыши.