Компонент DataGrid представляет собой таблицу с данными.
Компонент DataGrid реализован классом DataGrid.
Компонент предназначен для визуального представления данных в виде таблицы. Данные в таблицу могут загружаться как синхронно, так и асинхронно. Для работы с ним используется класс DGDataSource. Классы DGRow и DGColumn представляют функции для работы со строками и столбцами таблицы соответственно. Данные таблицы можно форматировать, для этого используется класс DGFormater.
Компонент DataGrid может иметь следующий вид:

Пример создания асинхронной таблицы данных
Пример создания компонента DataGrid
| Имя конструктора | Краткое описание | |
| DataGrid | Конструктор DataGrid создает экземпляр класса DataGrid. |
| Имя свойства | Краткое описание | |
| AdditionalData | Свойство AdditionalData определяет дополнительные данные для асинхронной таблицы. | |
| AutoSizeType | Свойство AutoSizeType определяет режим автоматического определения размеров ячеек таблицы. | |
| BackgroundCSS | Свойство BackgroundCSS определяет цвет заливки контейнера таблицы. | |
| BodyContainer | Свойство BodyContainer определяет контейнер ячеек таблицы. | |
![]() |
BodyTable | Свойство BodyTable определяет DOM-элемент, представляющий ячейки таблицы. |
![]() |
CalcPercentType | Свойство CalcPercentType определяет тип расчёта ширины столбца таблицы в процентах. |
| ChangedCells | Свойство ChangedCells определяет ячейки таблицы с изменёнными значениями. | |
| DataSource | Свойство DataSource определяет источник данных таблицы. | |
| DefaultDateFormat | Свойство DefaultDateFormat определяет формат даты в таблице по умолчанию. | |
| EnableAutoSize | Свойство EnableAutoSize определяет признак автоматического расчета размера элементов таблицы. | |
| EnableBacklight | Свойство EnableBacklight определяет признак того, применяется ли подсветка строки при наведении на нее курсора мыши. | |
| EnableColumnMove | Свойство EnableColumnMove определяет признак того, разрешено ли перемещение заголовков столбцов таблицы. | |
| EnableCopyPaste | Свойство EnableCopyPaste определяет признак того, разрешены ли копирование и вставка строк таблицы. | |
| EnableEdit | Свойство EnableEdit определяет признак того, разрешено ли редактирование ячеек таблицы. | |
| EnableHTMLInCells | Свойство EnableHTMLInCells определяет признак того, разрешено ли использование HTML-разметки в ячейках таблицы. | |
| EnableHyphenationAutoSize | Свойство EnableHyphenationAutoSize определяет способ расчёта максимальной ширины ячейки таблицы в режиме автоопределения их размера. | |
| EnableRowResize | Свойство EnableRowResize определяет признак того, разрешено ли изменение высоты строк таблицы. | |
| EnableSelection | Свойство EnableSelection определяет признак того, разрешено ли в таблице выделение строк. | |
| FireProcessingNodeEvent | Свойство FireProcessingNodeEvent определяет признак того, будет ли генерироваться событие DataGrid.ProcessingNode при обработке DOM-элементов таблицы. | |
| FirstVisibleRow | Свойство FirstVisibleRow определяет индекс первой видимой строки в таблице. | |
| Formater | Свойство Formater определяет объект для форматирования данных таблицы. | |
| GridBorderWidth | Свойство GridBorderWidth определяет ширину сетки таблицы. | |
| HeaderContainer | Свойство HeaderContainer определяет DOM-элемент, представляющий контейнер заголовка таблицы. | |
| HeaderTable | Свойство HeaderTable определяет DOM-элемент, представляющий таблицу с ячейками заголовка. | |
| IsFixedHeader | Свойство IsFixedHeader определяет признак того, является ли заголовок таблицы фиксированным. | |
| IsNeedToDrawBorders | Свойство IsNeedToDrawBorders определяет признак того, отображаются ли границы ячеек таблицы. | |
| LastHScrollBarPos | Свойство LastHScrollBarPos определяет позицию ползунка на горизонтальной полосе прокрутки. | |
| LastVisibleRow | Свойство LastVisibleRow определяет индекс последней видимой строки в таблице. | |
| LastVScrollBarPos | Свойство LastVScrollBarPos определяет позицию ползунка на вертикальной полосе прокрутки. | |
| Measures | Свойство Measures определяет измерения таблицы. | |
| MinColumnWidth | Свойство MinColumnWidth определяет минимальную ширину столбцов таблицы. | |
| MinRowHeight | Свойство MinRowHeight определяет минимальную высоту строки таблицы. | |
| MinWidth | Свойство MinWidth определяет минимальную ширину таблицы. | |
| MinWidthByContent | Свойство MinWidthByContent определяет способ расчета минимальный ширины таблицы. | |
| MouseWheelScrollStep | Свойство MouseWheelScrollStep определяет шаг прокрутки таблицы в пикселях с помощью колёсика мыши. | |
| NearLimit | Свойство NearLimit определяет количество непрокрученных строк асинхронной таблицы, при котором в источник будет загружена очередная порция данных. | |
| PasteMode | Свойство PasteMode определяет режим вставки данных в таблицу. | |
| RealAdditionalRows | Свойство RealAdditionalRows определяет сопоставление реальных индексов рядам дополнительных данных для асинхронной таблицы. | |
| RealToGlobalIndexes | Свойство RealToGlobalIndexes определяет сопоставление реальных и глобальных индексов рядов данных таблицы. | |
| RemoveHtmlWhenSort | Свойство RemoveHtmlWhenSort определяет признак того, будут ли удаляться HTML-теги из значений ячеек при сортировке. | |
| Rows | Свойство Rows определяет массив строк таблицы. | |
| RowSelectType | Свойство RowSelectType определяет режим выделения в таблице. | |
| RowsToBuffer | Свойство RowsToBuffer определяет количество подгружаемых строк данных при прокрутке асинхронной таблицы. | |
| ScrollingSlowMotionInterval | Свойство ScrollingSlowMotionInterval определяет длительность задержки прокрутки таблицы в миллисекундах. | |
| SortByValue | Свойство SortByValue определяет значение ячейки, по которому сортируется таблица. | |
| SortIconAsc | Свойство SortIconAsc определяет путь до пиктограммы, обозначающей сортировку по возрастанию. | |
| SortIconDesc | Свойство SortIconDesc определяет путь до пиктограммы, обозначающей сортировку по убыванию. | |
| SortIconHeight | Свойство SortIconHeight определяет высоту пиктограммы сортировки таблицы. | |
| SortIconWidth | Свойство SortIconWidth определяет ширину пиктограммы сортировки таблицы. | |
| SortInfo | Свойство SortInfo содержит информацию о сортировке. | |
| StartRowIndex | Свойство StartRowIndex определяет первый индекс ряда загруженных данных. | |
| TableContainer | Свойство TableContainer содержит контейнер таблицы. | |
| VisibleRowsHeight | Свойство VisibleRowsHeight определяет сумму высот всех видимых строк таблицы. |
| Имя метода | Краткое описание | |
| addRow | Метод addRow добавляет строку в таблицу. | |
| calcCoordUnderMouse | Метод calcCoordUnderMouse возвращает объект с информацией о текущей позиции курсора мыши. | |
| clearAllDgRows | Метод clearAllDgRows удаляет все строки в массиве строк таблицы. | |
| clearSelection | Метод clearSelection удаляет выделение ячеек таблицы. | |
| closeCellEditor | Метод closeCellEditor закрывает текущий редактор ячеек. | |
| compare | Метод compare сравнивает два значения между собой. | |
| copy | Метод copy копирует содержимое диапазонов рядов данных таблицы во внутренний буфер. | |
| createDgRow | Метод createDgRow создаёт ряд данных для таблицы. | |
| createDgRowAndRender | Метод createDgRowAndRender создаёт и добавляет ряд данных в таблицу. | |
| deleteRows | Метод deleteRows удаляет строки из таблицы. | |
| eachRowInSource | Метод eachRowInSource выполняет указанную функцию для каждого ряда данных таблицы. | |
| edit | Метод edit запускает режим редактирования ячейки таблицы. | |
| findDgRowByRealIndex | Метод findDgRowByRealIndex возвращает ряд данных таблицы по его реальному индексу. | |
| findRowByIndex | Метод findRowByIndex возвращает строку таблицы по индексу. | |
| getActiveSelectedRange | Метод getActiveSelectedRange возвращает активный (последний выделенный) диапазон таблицы. | |
| getAdjustmentMgr | Метод getAdjustmentMgr возвращает менеджер для изменения высоты строк и ширины столбцов таблицы. | |
| getCellInSource | Метод getCellInSource возвращает значение ячейки таблицы. | |
| getCellValueInSource | Метод getCellValueInSource возвращает значение ячейки из источника данных таблицы. | |
| getChangedMeasures | Метод getChangedMeasures возвращает изменённые элементы измерений таблицы. | |
| getClipboardContainsData | Метод getClipboardContainsData возвращает содержимое буфера обмена. | |
| getColumnMoveMgr | Метод getColumnMoveMgr возвращает менеджер для управления перемещением столбцов таблицы. | |
| getColumnVisibility | Метод getColumnVisibility возвращает признак видимости указанного столбца. | |
| getCoordInfo | Метод getCoordInfo возвращает объект с информацией о ячейке таблицы, в которой находится курсор мыши. | |
| getCoordUnderMouse | Метод getCoordUnderMouse возвращает объект с координатами, где находится курсор мыши. | |
| getCurrentCellEditor | Метод getCurrentCellEditor возвращает текущий редактор ячейки. | |
| getCurrentHorizontalScrollValue | Метод getCurrentHorizontalScrollValue возвращает текущее положение горизонтальной полосы прокрутки. | |
| getEnableAutoSizeAtColumn | Метод getEnableAutoSizeAtColumn возвращает признак того, разрешено ли автоопределение ширины для указанного столбца таблицы. | |
| getFirstVisibleTr | Метод getFirstVisibleTr возвращает DOM-элемент, представляющий первую видимую строку таблицы. | |
| getHeaderHeight | Метод getHeaderHeight возвращает высоту заголовка таблицы. | |
| getHeaderWidth | Метод getHeaderWidth возвращает ширину заголовка таблицы. | |
| getHorizontalScrollContainer | Метод getHorizontalScrollContainer возвращает контейнер таблицы, которым управляет горизонтальная полоса прокрутка. | |
| getHScrollBar | Метод getHScrollBar возвращает горизонтальную полосу прокрутки. | |
| getHScrollBarContainer | Метод getHScrollBarContainer возвращает контейнер горизонтальной полосы прокрутки. | |
| getHScrollbarHeight | Метод getHScrollbarHeight возвращает высоту горизонтальной полосы прокрутки. | |
| getHScrollBarId | Метод getHScrollBarId возвращает идентификатор горизонтальной полосы прокрутки. | |
| getPrevColumnOnYCoord | Метод getPrevColumnOnYCoord возвращает DOM-элемент, представляющий предыдущую ячейку строки. | |
| getPrevCoordUnderMouse | Метод getPrevCoordUnderMouse возвращает сохраненный объект с информацией о позиции курсора мыши. | |
| getPrevTrOnXCoord | Метод getPrevTrOnXCoord возвращает DOM-элемент, представляющий предыдущую ячейку столбца. | |
| getRenderedRowIndexes | Метод getRenderedRowIndexes возвращает индексы всех отрисованных в данный момент рядов данных таблицы. | |
| getScrollContainer | Метод getScrollContainer возвращает контейнер таблицы, которым управляют элементы прокрутки. | |
| getScrollContainerIndent | Метод getScrollContainerIndent возвращает верхний отступ контейнера для прокрутки таблицы. | |
| getScrollObject | Метод getScrollObject возвращает DOM-вершину, предназначенную для плавной прокрутки таблицы. | |
| getSelectedCoord | Метод getSelectedCoord возвращает объект со стартовыми координатами выделения строк таблицы. | |
| getSelectedRanges | Метод getSelectedRanges возвращает выделенные диапазоны таблицы. | |
| getSelection | Метод getSelection возвращает объект выделения таблицы. | |
| getStylesContainer | Метод getStylesContainer возвращает стили таблицы. | |
| getTableContainerId | Метод getTableContainerId возвращает идентификатор контейнера таблицы. | |
| getVisibleHeight | Метод getVisibleHeight возвращает видимую высоту таблицы. | |
| getVisibleWidth | Метод getVisibleWidth возвращает видимую ширину таблицы. | |
| getVScrollBar | Метод getVScrollBar возвращает вертикальную полосу прокрутки. | |
| getVScrollBarContainer | Метод getVScrollBarContainer возвращает контейнер вертикальной полосы прокрутки. | |
| getVScrollBarId | Метод getVScrollBarId возвращает идентификатор вертикальной полосы прокрутки. | |
| getVScrollbarWidth | Метод getVScrollbarWidth возвращает ширину вертикальной полосы прокрутки. | |
| insertRows | Метод insertRows добавляет строки в объект с данными таблицы. | |
| loadMeasuresFromDataSource | Метод loadMeasuresFromDataSource загружает измерения из источника данных таблицы. | |
| loadRangesFromDataSource | Метод loadRangesFromDataSource загружает диапазоны рядов данных таблицы из источника. | |
| loadVisibleRanges | Метод loadVisibleRanges загружает незагруженные видимые диапазоны рядов данных таблицы из источника. | |
| mask | Метод mask делает таблицу недоступной для изменений. | |
| refresh | Метод refresh обновляет таблицу. | |
| renderVisibleRows | Метод renderVisibleRows отрисовывает видимые строки таблицы, начиная с заданного индекса. | |
| reset | Метод reset повторно загружает данные таблицы из источника. | |
| selectAll | Метод selectAll выделяет все строки таблицы. | |
| setCellStyleIndex | Метод setCellStyleIndex устанавливает стиль с указанным индексом для ячейки таблицы. | |
| setCellValueInSource | Метод setCellValueInSource устанавливает новое значение ячейки в источнике данных таблицы. | |
| setColumnVisibility | Метод setColumnVisibility устанавливает признак видимости указанного столбца. | |
| setEmptyColumnStyleIndex | Метод setEmptyColumnStyleIndex устанавливает индекс стиля у столбца для вертикальной полосы прокрутки. | |
| sort | Метод sort сортирует строки таблицы. | |
| sortAsc | Метод sortAsc сравнивает два значения между собой в прямом порядке. | |
| sortDesc | Свойство SortIconDesc определяет путь до пиктограммы, обозначающей сортировку по убыванию. | |
| unmask | Метод unmask делает таблицу доступной для изменений. |
| Имя события | Краткое описание | |
| AdditionalRangesLoaded | Событие AdditionalRangesLoaded наступает при загрузке дополнительных диапазонов рядов данных таблицы. | |
| BeforeProcessResize | Событие BeforeProcessResize наступает перед изменением ширины столбца таблицы. | |
| Buffering | Событие Buffering наступает при загрузке диапазонов рядов данных таблицы из источника. | |
| ColumnResized | Событие ColumnResized наступает после изменения ширины столбца таблицы. | |
| ContainerRendered | Событие ContainerRendered наступает при повторной загрузке данных таблицы из источника. | |
| ControlRendered | Событие ControlRendered наступает при отрисовке редактора значений для ячейки таблицы. | |
| CoordUnderMouseChanged | Событие CoordUnderMouseChanged наступает при перемещении позиции курсора из одной области отрисовки ячейки в другую. | |
| Copied | Событие Copied наступает при завершении копирования строк таблицы. | |
| Copying | Событие Copying наступает при начале копирования строк таблицы. | |
| DataLoaded | Событие DataLoaded наступает после загрузки данных в таблицу. | |
| DeletingRows | Событие DeletingRows наступает перед удалением строк таблицы. | |
| HeaderDblClick | Событие HeaderDblClick наступает при двойном щелчке по заголовку таблицы. | |
| HorizontalScrollChanged | Событие HorizontalScrollChanged наступает после изменения положения горизонтальной полосы прокрутки. | |
| InsertingRows | Событие InsertingRows наступает при начале вставки строк в таблицу в асинхронном режиме. | |
| MeasuresParsed | Событие MeasuresParsed наступает при получении измерений источника данных таблицы. | |
| MouseMove | Событие MouseMove наступает при движении курсора по таблице. | |
| Pasted | Событие Pasted наступает при завершении вставки строк таблицы. | |
| Pasting | Событие Pasting наступает при начале вставки строк таблицы. | |
| ProcessingNode | Событие ProcessingNode наступает при обработке DOM-элементов таблицы. | |
| Rendered | Событие Rendered наступает после завершения отрисовки таблицы. | |
| Rendering | Событие Rendering наступает при начале отрисовки таблицы. | |
| Resizing | Событие Resizing наступает при начале изменения размеров заголовка таблицы. | |
| RowDblClick | Событие RowDblClick наступает после двойного нажатия на строку таблицы. | |
| RowResized | Событие RowResized наступает после изменения высоты строки таблицы. | |
| RowsDeleted | Событие RowsDeleted наступает после удаления строк таблицы. | |
| RowsInserted | Событие RowsInserted наступает при завершении вставки строк в таблицу в асинхронном режиме. | |
| SavedMeasures | Событие SavedMeasures наступает при завершении сохранения изменений в измерениях источника данных таблицы. | |
| SavedRanges | Событие SavedRanges наступает при завершении сохранения диапазонов рядов данных таблицы. | |
| SavingMeasures | Событие SavingMeasures наступает при начале сохранения изменений в измерениях источника данных таблицы. | |
| SavingRanges | Событие SavingRanges наступает при начале сохранения диапазонов рядов данных таблицы. | |
| ScrollChanged | Событие ScrollChanged наступает после изменения положения полос прокрутки. | |
| Sorted | Событие Sorted наступает после сортировки данных таблицы. | |
| Sorting | Событие Sorting наступает перед сортировкой данных таблицы. | |
| VerticalScrollChanged | Событие VerticalScrollChanged наступает после изменения положения вертикальной полосы прокрутки. |
| Имя свойства | Краткое описание | |
![]() |
Anchors | Свойство Anchors определяет позицию компонента, размещенного внутри контейнера. |
![]() |
Animation | Свойство Animation определяет параметры анимации для компонента. |
![]() |
Bottom | Свойство Bottom определяет отступ снизу при размещении компонента внутри LayoutPanel. |
![]() |
Content | Свойство Content определяет содержимое компонента. |
![]() |
ContextMenu | Свойство ContextMenu определяет контекстное меню для компонента. |
![]() |
Data | Свойство Data предназначено для хранения любых пользовательских данных. |
![]() |
Enabled | Свойство Enabled определяет признак доступности компонента для использования. |
![]() |
Height | Свойство Height определяет высоту компонента. |
![]() |
IsRTL | Свойство IsRTL определяет признак расположения элементов компонента по правому краю. |
![]() |
IsVisible | Свойство IsVisible определяет признак отображения компонента. |
![]() |
Left | Свойство Left определяет отступ слева при размещении компонента внутри GridPanel. |
![]() |
Opacity | Свойство Opacity определяет прозрачность компонента. |
![]() |
Parent | Свойство Parent определяет родительский компонент элемента управления. |
![]() |
ParentNode | Свойство ParentNode определяет родительскую DOM-вершину. |
![]() |
ResourceKey | Свойство ResourceKey определяет ресурсный ключ для компонента. |
![]() |
Right | Свойство Right определяет отступ справа при размещении компонента внутри LayoutPanel. |
![]() |
Rotate | Свойство Rotate определяет угол поворота компонента. |
![]() |
ShowToolTip | Свойство ShowToolTip определяет признак возможности отображения всплывающей подсказки компонента. |
![]() |
Style | Свойство Style определяет стиль для компонента. |
![]() |
TabIndex | Свойство TabIndex определяет последовательность перехода элемента управления внутри контейнера. |
![]() |
Tag | Свойство Tag определяет JSON-объект, ассоциированный с компонентом. |
![]() |
ToolTip | Свойство ToolTip определяет текст всплывающей подсказки компонента. |
![]() |
Top | Свойство Top определяет отступ сверху при размещении компонента внутри GridPanel. |
![]() |
Value | Свойство Value определяет значение компонента. |
![]() |
Width | Свойство Width определяет ширину компонента. |
| Имя метода | Краткое описание | |
![]() |
Метод addClass добавляет CSS-класс к компоненту. | |
![]() |
addEventHandler | Метод addEventHandler добавляет обработчик события на DOM-вершину. |
![]() |
Метод addStateClass добавляет CSS-класс к компоненту и удаляет прежний CSS-класс. | |
![]() |
Метод addToNode добавляет компонент в указанную вершину. | |
![]() |
bindEvents | Метод bindEvents подписывает элемент на все стандартные события. |
![]() |
Метод getAnchorFlags возвращает JSON-объект с настройками текущей позиции компонента. | |
![]() |
Метод getClass возвращает текущие css-классы компонента. | |
![]() |
Метод getCssStyle возвращает стили для указанной вершины. | |
![]() |
Метод getDomNode возвращает главную DOM-вершину компонента. | |
![]() |
Метод getFocused определяет наличие фокуса у компонента. | |
![]() |
getIsBinded | Метод getIsBinded возвращает признак подписи элемента на события DOM-вершины. |
![]() |
Метод hide скрывает элемент управления. | |
![]() |
Метод hideToolTip очищает таймаут появления подсказки и скрывает её, если она был показана. | |
![]() |
refreshStyle | Метод refreshStyle обновляет CSS-стили элемента. |
![]() |
Метод removeClass удаляет CSS-класс из компонента. | |
![]() |
removeEventHandler | Метод removeEventHandler удаляет обработчик события DOM-вершины. |
![]() |
removeFromDOM | Метод removeFromDOM удаляет вершину из DOM-структуры. |
![]() |
Метод removeStateClasses удаляет CSS-классы компонента. | |
![]() |
Метод setDraggable устанавливает возможность перетаскивания компонента на HTML-странице. | |
![]() |
Метод setFocus устанавливает фокус компонента. | |
![]() |
Метод setIsHovered настраивает отображение компонента только при наведении на него курсора. | |
![]() |
Метод setSize устанавливает размеры компонента. | |
![]() |
Метод show отображает элемент управления. | |
![]() |
unBindEvents | Метод unBindEvents отписывает элемент от всех стандартных событий. |
![]() |
Метод updatePosition корректирует размер и положение при абсолютном позиционировании на основе текущих параметров. | |
![]() |
Метод updateSize обновляет размеры компонента подгонке размеров контейнера, в котором находится компонент. |
| Имя события | Краткое описание | |
![]() |
Drag | Событие Drag наступает при нажатии и удерживании кнопки мыши. |
![]() |
DragEnd | Событие DragEnd наступает при окончании перетаскивания компонента. |
![]() |
DragStart | Событие DragStart наступает, когда начинается перетаскивание компонента. |
![]() |
OnContextMenu | Событие OnContextMenu наступает при вызове контекстного меню компонента. |
![]() |
SizeChanged | Событие SizeChanged наступает после изменения размеров компонента. |
![]() |
SizeChanging | Событие SizeChanging наступает во время изменения размеров компонента. |
| Имя свойства | Краткое описание | |
![]() |
Свойство Id определяет идентификатор объекта репозитория. |
| Имя метода | Краткое описание | |
![]() |
clone | Метод clone создает копию объекта. |
![]() |
dispose | Метод dispose уничтожает компонент. |
![]() |
getHashCode | Метод getHashCode возвращает хеш-код объекта репозитория. |
![]() |
getId | Метод getId возвращает идентификатор объекта репозитория. |
![]() |
getSettings | Метод getSettings возвращает настройки объекта репозитория. |
![]() |
getTypeName | Метод getTypeName возвращает имя типа объекта без пространства имен, к которому он принадлежит. |
![]() |
isEqual | Метод isEqual определяет, равен ли заданный объект текущему объекту репозитория. |
![]() |
isLive | Метод isLive определяет действительность объекта репозитория. |
![]() |
removeAllEvents | Метод removeAllEvents удаляет все обработчики событий объекта по заданному контексту. |
![]() |
setId | Метод setId определяет идентификатор объекта репозитория. |
![]() |
setSettings | Метод setSettings задает настройки объекта репозитория. |
![]() |
defineProps | Метод defineProps создает методы get и set из массива имен для указанного класса. |
![]() |
keys | Метод keys возвращает массив названий методов и свойств для указанного объекта. |
См. также: