AG Grid против DevExtreme DataGrid. Какой из них вы должны получить?

TLDR; Я думаю, что набор элементов управления DevExtreme из более чем 70 элементов пользовательского интерфейса, который поставляется с Data Grid, обеспечивает гораздо лучшее соотношение цены и качества, чем AG Grid. Data Grid предоставляет функции, которые подходят почти для всех типичных случаев использования в бизнесе.

AG Grid предоставляется ag-grid.com, а DevExtreme — это набор из более чем 70 элементов управления пользовательского интерфейса (включая сетку данных), предоставляемых DevExpress.com. Я проведу высокоуровневое сравнение между ними и расскажу о своем опыте, когда я просматривал их веб-сайты, чтобы определить функции и тип документации, которую они предоставляют.

Сегодня 21 января 2023 года. AG Grid имеет версию 29.0, а DevExtereme — версию 22.2.3. Я просматриваю их веб-сайты, чтобы узнать, насколько быстро и легко я могу узнать об их сетках. Первое, что я делаю, когда я проверяю поставщика элементов управления пользовательского интерфейса, иду на демонстрационные страницы и смотрю, как выглядят элементы управления. Что они умеют и насколько они безупречны. Я придирчив, когда дело доходит до элементов управления пользовательского интерфейса и взаимодействия с пользователем.

ДЕМОНСТРАЦИОННЫЕ МЕРОПРИЯТИЯ:
На демонстрационной странице AG Grid показана сетка, заполняющая страницу, и все. Нет списка функций или чего-то еще. Я думаю, я должен щелкнуть мышью и посмотреть, что он делает? Versus DevExtreme имеет хорошо организованную демонстрационную страницу, где все основные функции перечислены с левой стороны, и вы можете посмотреть, как каждая функция работает в основном контенте. С правой стороны вы можете увидеть код для 7 различных фреймворков. jQuery, React, AngularJS, Angular, Vue, ASP.NET Core и ASP.NET MVC. Вы даже можете внести изменения в код или HTML и нажать «Применить», чтобы увидеть эффекты на демонстрационной странице. В случае AG Grid демонстрации находятся на страницах документации, и они используют plunkr, внешний веб-сайт, для примеров в реальном времени. Спасибо DevExtreme за высокое качество их демо.

ДОКУМЕНТАЦИЯ:
Документация AG Grid плохо организована. Они объясняют функции с помощью свободного текста, а свойства и методы сетки рассредоточены по тексту. Не подходит для быстрого поиска в качестве ссылки. Бывают случаи, когда они помещают реальную сетку в документацию по функциям, а я все еще не знаю, как попробовать эту функцию. Видео было бы полезно.
Для DevExtreme справочник по API для каждого элемента управления пользовательского интерфейса организован в 3 раздела: «Конфигурация», который представляет собой список свойств. Методы и события. Все отсортировано по алфавиту. Они лаконичны и по делу. Также есть еще один раздел документации с высокоуровневыми описаниями и примерами того, как использовать определенные функции.

ОСОБЕННОСТИ:
Обе сетки предоставляют большинство функций, которые понадобятся 99% разработчиков. Моя цель состояла в том, чтобы выяснить, какие функции есть у AG Grid, которых нет у DevExtreme, и наоборот. Чтобы составить хороший список, требовалось очень много времени, потому что это означало, что мне нужно было просмотреть документацию по обеим сеткам и опробовать много кода для обеих сеток. Это время и усилия, которые я не мог себе позволить. Поэтому я случайно просмотрел список функций для обеих сеток, сравнил и посмотрел, чего не хватает каждой сетке. Это было сложно. Обе сетки, по-видимому, предоставляют схожие расширенные функции, такие как строки «основной-подробности», группировка, расширенный выбор и фильтры, обновления в реальном времени, перетаскивание строк внутри одной сетки и между сетками, встроенное редактирование и т. д. Так почему же AG Grid намного дороже и популярнее? Я действительно не знаю. Это может быть потому, что они тратят много денег на маркетинг. Они являются спонсорами Web Rush, подкаста JS, который я слушаю, где в каждом выпуске есть реклама AG Grid. Кроме того, ведущие несколько раз брали интервью у представителей AG Grid. Я видел их рекламу и в других местах. Я склонен полагать, что когда компания тратит много денег на рекламу и маркетинг, ее продукты имеют высокую стоимость, чтобы окупить часть рекламных денег.
Одно большое различие в функциях, которое я заметил, заключается в том, что AG Grid поддерживает поворот строк и столбцов в сетке, в то время как DevExtreme имеет отдельный элемент управления пользовательского интерфейса под названием Pivot Grid, который имеет эту функцию. Я не уверен, является ли это большим недостатком, но суть в том, что доступна возможность поворота.
В AG Grid отсутствует бесконечная прокрутка, которую поддерживает DevExtreme?
Макет DevExtreme также адаптируется к экранам меньшего размера, где вы можете определить, какие столбцы отображать. скрывать. При нажатии на 3 вертикальные точки скрытые строки будут отображаться как строки. Я не видел эту функцию в AG Grid. Чтобы узнать, поддерживает ли DevExtreme какие-либо дополнительные функции AG Grid, мне нужно было обратиться в службу поддержки. И наоборот. Я все это пропустил. Мой вывод заключается в том, что обе сетки поддерживают все сценарии и варианты использования, которые я могу придумать.

РАЗЛИЧНЫЕ ВЕРСИИ GRID:
AG Grid выпускается в версиях для сообщества и предприятий. Версия сообщества бесплатна и может использоваться для коммерческих и некоммерческих приложений. Однако в версии для сообщества отсутствуют многие расширенные функции, такие как основная и подробная информация и группировка, которые есть в корпоративной версии.
DevExtreme — это набор из более чем 70 элементов управления пользовательского интерфейса. Все они могут использоваться бесплатно в некоммерческих приложениях без каких-либо ограничений функций. Лицензия требуется, если они будут использоваться в коммерческих приложениях.
Обе сетки поддерживают один год бесплатных обновлений и технической поддержки.

СТОИМОСТЬ:
Это главное отличие между ними. Во-первых, DevExtreme — это целый набор элементов управления пользовательского интерфейса. По сути, вы можете создать любую линейку бизнес-приложений с этими элементами управления без необходимости искать что-то еще. AG Grid — это просто сетка и диаграммы. Если вам нужны расширенные элементы управления, например, планировщик, компонент Ганта, файловый менеджер, вам нужно будет пойти к другому поставщику и купить его, и в итоге вы получите мешанину элементов управления от разных поставщиков элементов управления, которые могут не работать вместе. Элементы управления DevExtreme, естественно, хорошо работают вместе, и их можно легко объединить в одну тему.

Давайте сравним цены здесь. Предположим, в вашей команде 4 разработчика пользовательского интерфейса, работающие над двумя разными приложениями.
Для AG Grid общая стоимость составит 1200 долларов США (лицензия на несколько приложений) x 4 плюс 750 долларов США за каждую лицензию на развертывание во внешней среде. Общая минимальная стоимость = 5550 долларов США
Для DevExtreme это 500 долларов США x 4 + лицензия на развертывание 0 долларов США = 2000 долларов США, и, кроме того, вы получаете множество других высококачественных средств контроля, включая диаграммы, которые предоставляет AG Grid.
AG Grid почти в 3 раза дороже и это 2 элемента управления, сетка и диаграммы.

ЗАКЛЮЧЕНИЕ:
Оба грида предоставляют почти все, что вам нужно в вашем обычном бизнес-приложении. Хотя AG Grid может предоставить некоторые дополнительные функции, я не считаю эти функции достаточно убедительными, чтобы отказаться от больших ценовых преимуществ DevExtreme и множества элементов управления пользовательским интерфейсом, которые поставляются с ним. Я также работаю в магазине .NET, поэтому поддержка ASP.NET также является хорошим преимуществом.
Техническая поддержка DevExpress и веб-сайт центра поддержки превосходны.

Одна главная вещь, которая меня очень расстроила на веб-сайте AG Grid, заключается в том, что я не мог найти способ загрузить программное обеспечение. На главной странице нет вариантов загрузки. Я сделал поиск, и я не мог найти его. В их «Начале работы» ничего не говорится о том, как его загрузить или установить. На их странице GitHub ничего не говорилось о том, как установить корпоративную версию. Такое отсутствие критической информации было большим препятствием для них. Я не могу понять, как компания-разработчик программного обеспечения, весь доход которой поступает от одной части программного обеспечения, делает так трудно найти его варианты загрузки / пробной версии.
DevExpress имеет ссылки для пробной версии / загрузки на всем своем веб-сайте. Вы не можете пропустить это.

Обратите внимание, что я не связан ни с одной из компаний. Я просто хотел высказать свое личное мнение, и если вы решите сделать выбор между этими двумя продуктами, возможно, мое сравнение поможет вам понять некоторые вещи.
Удачи.