Вопрос или проблема
Я ищу библиотеку DataGrid для использования в новом проекте на Angular. Основные функции, которые мне нужны:
- Фильтрация на стороне сервера.
- Пагинация (первая, предыдущая, следующая, последняя) (Страница [1] из 10) (Результатов на странице: [5])
- Сортируемые колонки.
- Выбор/отметка строк.
В предыдущем проекте мы использовали jQuery и EasyUI для DataGrid и были более-менее довольны. Теперь мы хотим перейти на решение на Angular для этого.
Прошло 7,5 лет, и ответа нет. Слишком поздно для автора поста, но это может помочь другим. Я не знаю ничего лучше, чем AgGrid, особенно если вам нужна фильтрация на стороне сервера, как у автора поста.
Мне никогда не требовалось больше, чем бесплатная общественная версия. Популярно? У него более 600 тысяч загрузок в месяц!
Он поддерживает JS, Angular, React и Vue. Демонстрация здесь.
Кроме того, он также поддерживает создание графиков и имеет невероятно хорошую документацию.
Вы можете попробовать компонент Syncfusion Angular DataGrid.
https://www.syncfusion.com/angular-components/angular-grid
Онлайн демонстрация: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/grid/over-view
Syncfusion также предлагает бесплатную общественную лицензию. https://www.syncfusion.com/products/communitylicense
Примечание: Я работаю в Syncfusion.
Ответ или решение
Выбор библиотеки DataGrid для вашего нового проекта на Angular может быть сложной задачей, учитывая множество доступных решений на рынке. На основе ваших требований к функциональности, таких как серверная фильтрация, пагинация, сортируемые колонки и возможность выбора/отметки строк, я бы порекомендовал рассмотреть следующие библиотеки:
-
AG Grid: Это одна из самых популярных библиотек DataGrid для JavaScript и Angular, поддерживающая все необходимые вам функции. Она предлагает:
- Серверную фильтрацию, что позволяет работать с большими объемами данных, загружая только те записи, которые нужны в текущий момент.
- Гибкую пагинацию с кнопками перехода между страницами и возможностью выбора количества отображаемых записей.
- Сортировку колонок, что позволяет пользователям легко упорядочивать данные по любому критерию.
- Возможность выбора и отметки строк для взаимодействия с пользователями.
AG Grid имеет очень хорошую документацию и большие возможности кастомизации. Бесплатная версия (Community Edition) также достаточно мощна и имеет более 600.000 загрузок в месяц. Вы можете ознакомиться с демонстрацией на официальном сайте.
-
Syncfusion Angular DataGrid: Эта библиотека также заслуживает внимания и предоставляет все запрашиваемые функции. Ее преимущества включают:
- Простую интеграцию с Angular.
- Разнообразные функции, такие как серверная фильтрация и пагинация.
- Поддержку различных стилей и тем оформления.
Syncfusion предлагает бесплатную лицензию для сообщества, что делает ее доступной для малых и средних проектов. Вы можете ознакомиться с этой библиотекой и ее возможностями на официальном сайте и попробовать онлайн демонстрацию.
В заключение, обе библиотеки являются отличными вариантами для вашего проекта. AG Grid может быть предпочтительным выбором, если вам нужна высокая степень кастомизации и многофункциональность, а Syncfusion может подойти, если у вас есть возможность воспользоваться бесплатной лицензией и вы ищете простоту в использовании. Выбор между ними зависит от ваших специфических требований и предпочтений в разработке.