Таблица данных — это нативная HTML-таблица с сортировкой, фильтрацией, пагинацией и редактированием. Опишите columns, передайте rows, и каждая ячейка форматируется по типу с учётом локали: числа, валюты, даты, «да»/«нет» и подписи значений enum.
Состояние хранится в моделях, которые можно привязать, сохранить и отправить на сервер: sort, filters, search, page, selected и columnState — выбранные пользователем ширина, порядок, закрепление и видимость столбцов. Без пагинации рендерятся только видимые строки, поэтому 100 000 строк прокручиваются так же плавно, как десять.
Любая ячейка доступна с клавиатуры, а панель каждого столбца сортирует, фильтрует, закрепляет, перемещает, подгоняет по содержимому и скрывает его.
Поиск, сортировка и страницы
Поиск идёт по всем столбцам. Клик по заголовку сортирует, а Shift + клик добавляет второй столбец. nuiGridCell рисует статус, а exportCsv() выгружает то, что видно.
Выбор строк
selection="multiple" добавляет чекбоксы и привязывает ключи выбранных строк. Shift + клик выбирает диапазон, а чекбокс в заголовке — все подходящие строки.
Редактирование
Дважды кликните по ячейке, нажмите Enter или просто начните печатать. validate оставляет редактор открытым с сообщением; принятая правка обновляет rows и генерирует cellEdit.
100 000 строк
Без пагинации рендерятся только видимые строки. Закреплённые столбцы остаются у краёв, а columnState хранит пользовательскую раскладку.
Данные с сервера
В режиме server таблица показывает строки как есть и сообщает о каждом изменении через queryChange. На время загрузки задайте loading.