Привет всем!
Пытаюсь не спеша знакомиться с web-разработкой (до сего момента работаю с .NET-ом).
Подскажите пожалуйста библиотеку виджетов с как минимум: DataGrid, DateTimePicker и Tabbed (блокнот с закладками).
Требования такие:
1. Бесплатные. Я разбираюсь для себя, причем процесс может растянуться и на полгода, поэтому наличие триального периоды тоже не вариант
2. Не сильно сложный для начинающих и не слишком тяжелый при загрузке страницы
3. DataGrid:
возможность раскраски фона и текста строк и отдельных ячеек

возможность построения сложных многоярусных заголовков

возможность определить текущую (выбранную) строку или выбрать строку (например по номеру строки)

возможность перехватывать клик мышью по заголовку (для сортировки), а если будет возможность отследить последовательные клики по нескольким заголовкам с нажатой клавишей Shift (или чем-то подобным), чтобы сортировать последовательно по нескольким столбцам, - будет вообще замечательно.

вывод данных я ячейки нужен форматированный (для сумм, дат и пр.)

редактирование данных в ячейках не требуется

встроенная возможность пейджинга, фильтрации и т.п. не требуется

наличие виртуализации было бы плюсом, но не обязательно
4. DateTimePicker:

возможность работы как с датой, так и со временем

возможность форматированного ввода и отображения (например: "DD.MM.YYYY HH:mm")

возможность маскированного ввода даты/времени с клавиатуры, чтобы пользователь не мог ввести например буквы. То, что после ввода букв компонент выводит сообщение о некорректном значении - неприемлемо. Нужно чтобы недопустимых символов нельзя было даже ввести

Мне больше всех понравился EasyUI, но я не смог заставить его DateBox не принимать буквы с клавиатуры.
А залезть в JS-код не всегда возможно: многие файлы, похоже обфусцированы...

Можно, конечно, насобирать в инете отдельных виджетов (SlickGrid например) разных разных разработчиков, но они могут конфликтовать между собой (уже сталкивался с таким), а кроме того сложнее получить интерфейс в едином стиле...

---
"Красота - наивысшая степень целесообразности." - И.Ефремов

hVosttstomsky,
Мне плевать на п.1.
Kendo UI
DevExtreme

Эти библиотеки я уже смотрел.
Но, к сожалению, мне на п.1 не плевать.
Платить деньги за "поиграть" с тем, что может быть никогда не понадобится, жаба душит :)
Но спасибо за участие :)

hVosttА это совершенно нормально! Ничего не хочу платить и напрягаться, но хочу всё получить
Ну нормально или нет спорить не стану. Есть же лицензии "бесплатно для некоммерческого опен-соурс". Вот такие библиотеки меня и интересуют.
Просто web-разработка - это вообще не мой профиль. Но чувствую, что надо ее пощупать.
Работодатель за "пощупать" платить не станет (у нас не девелоперская контора).
Все проблемы, которые мне нужно решить, я могу решить средствами обычного WinForms (разработка внутренних утилит). А на Web я хочу посмотреть: понравится ли, насколько хорошо он подойдет для решения мои задач. Ну а там, может и в работе пригодится. Тогда и будем о покупке думать.

Агнец за бортомУ syncfusion есть лицензия, за которую не надо платить.
У webix есть лицензия, за которую не надо платить.

Вот за это спасибо! Буду смотреть.

Агнец за бортомНе тем паришься.
Сначала выбери фронтенд-фреймфорк, который тебе "глянется".
А потом выбирай компоненты(гриды-шмиды), которые с ним _уже_ интегрированы.
Гм. Я подхожу с точки зрения потенциального пользователя. Ему пофиг какие фреймворки во фронте и на чем написан бэк. Меня бы вот как пользователя реально бесило бы возможность ввести с клавиатуры "HJGGHYUU" вместо "01.08.2017" в DateTimePicker. Вот выберу я например React, а к нему виджетов с нужным поведением не найдется... Поэтому сначала выбираю библиотеку (набор библиотек), а затем смотрю как у них организуется MVC и прочие архитектурные изыски.
Мой подход неправилен?

Antonariyа EasyUI не бесплатный
Да ладно, а это что?
Коммерческой разработкой под Web я не занимаюсь. Мне с чисто учебными целями: верстка страницы, фронт, Asp.NET MVC, WebAPI ... Вот если получится так, что меня самого через пару недель после окончания разработки мой же Web-GUI бесить не будет, тогда думать о покупке :)

mrWolfПопробуйте посмотреть связку Angular4+PrimeNG
user89 w2ui бесплатный http://w2ui.com/web/demo
В обеих библиотеках у компонентов DateTimePicker не нашел возможности задать маску ввода...
Т.е. в поле ввода можно с клавиатуры вбить буквы. Значение даты в компоненте от этого, конечно, не меняется, но все равно это не хорошее поведение.

hVosttstomskyВ обеих библиотеках у компонентов DateTimePicker не нашел возможности задать маску ввода...Маска ввода сильно усложняет пользователям жизнь. Поэтому там её и нет.
Т.е. хочешь сказать, что когда пользователь мышью помещает курсор в поле ввода DateTimePiker-а, начинает вбивать значение (формат например: "dd.MM.yyyy HH:mm") и при этом вынужден вводить не только цифры, но и разделители (точку и двоеточие), то это нормально? А если при вводе точки он забыл переключить раскладку и вместо точки ввелась запятая и компонент сообщил о нарушении формата ввода - это тоже нормально?
Или пусть мышью все выбирает и нефиг десктопные подходы переносить в WebGUI ?
Это я не троллю, просто реально любопытно мнение тех, кто имеет опыт разработки WebGUI.

hVosttПо собранной нами статистике и фидбеку, маски ввода -- это одно из самых неудобных и ненавистных проявлений дизайнерской импотенции. Никто не любит, когда их загоняют в рамки.
Гм... Принял к сведению.
Спасибо!