Являє собою таблицю з даними. Працює тільки з джерелом даних. Відображає один рядок для кожного елементу масиву - джерела даних. Стовпчики таблиці визначаються колекцією вкладених об'єктів DataGridColumn.
Спільно з компонентом CollectionView, таблица підтримує сортування, фільтрацію, розбиття на сторінки і групування рядків.
Наслідує: Control : UIElement : UIElementBase| Ім'я | Тип | Опис |
|---|---|---|
| ItemsSource | Array | Завжди прив'язка - Bind. Джерело даних для відображення. |
| Compact | Boolean | Компактний стиль відображення таблиці. |
| Hover | Boolean | Виділення рядка при наведенні курсора миші. |
| Striped | Boolean | Розфарбування таблиці "у смужку" з виділенням парних і непарних рядків. |
| FixedHeader | Boolean | Зафіксувати "шапку" таблиці при прокрутці. |
| Style | DataGridStyle |
Стиль відображення таблиці. Можливі значення:
|
| Background | BackgroundStyle | Колір фона. |
| Mark | Object | Тільки прив'язка (Bind). Маркування рядків таблиці. Маркер являє собою вертикальну лінію в лівому стовпчику та/або позначення кольором. Подробиці нижче. |
| MarkerStyle | RowMarkerStyle |
Стиль маркування рядку в таблиці.
Можливі значення:
|
| EmptyPanel | UIElement | Панель, яка відображається, якщо вміст пустий. Зазвичай являє собою об'єкт EmptyPanel. |
| DoubleClick | BindCmd | Команда, яку буде виконано при подвійному кліку на рядку таблиці. Не забудьте передати в команду аргумент. |
| ContextMenu | DropDownMenu | Контекстне меню, яке буде показуватися по правій кнопці миші. |
| RowDetails | DataGridRowDetails | Деталізація для рядку. |
| AutoSelect | AutoSelectMode |
Автоматично виділяти елемент після завантаження або оновлення списку.
Підтримуються тільки значення FirstItem і LastItem.
|
| Властивості базового елементу | ||
Вираз прив`язки для властивості Mark повинен повертати текстовий рядок, який являє собою додатковий
css-клас, що додається до рядку.
В темі за замовчуванням підтримуються наступні варіанти маркування рядків:
значення Mark"Marker""Row"
"danger", "red", "error"
#fc7c7c
#fff5fa
"warning", "yellow"
#ffd700
#fffff0
"success", "green"
#89e489
#f5fff5
"info", "cyan"
#72eaea
#f0ffff