Пример реализации таблицы с использованием React, TypeScript и TanStack Table. Проект создан согласно следующим требованиям:
-
Верстка окна
Интерфейс выполнен по приложенному макету. -
Компонент таблицы
Таблица реализована с использованием TanStack Table (TS), обеспечивая гибкую и мощную работу с данными. -
Сортировка и выделение строк
Возможность сортировки по атрибутам с визуальным выделением выбранных строк. -
Поисковое окно
Верхнее поисковое окно позволяет осуществлять поиск по значениям атрибутов таблицы. -
Фильтры и настройки
Набор кликабельных элементов (фильтры, настройки) интегрирован в интерфейс для будущего расширения функционала. -
Пагинация
Реализована навигация по страницам таблицы для удобства работы с большими объёмами данных.
- React
- TypeScript
- TanStack Table
- Клонировать репозиторий:
git clone https://github.com/your_username/react-table-example.git