Решение для реализации editable data table?

Question

[iBird Rose]

Появилась задача реализации таблицы с данными, которые можно редактировать кликом на данные (как в phpmyadmin к примеру).
Нужно для реализации функционала склада товаров (примерные колонки: Название, загрузка картинки товара, количественная колонка и колонка даты).
Погуглив, нашел некоторые решения, но все показались слишком "топорными". А решение от datatables.net именно в плане editor'а является платным.

Вопрос, собственно: может кто сталкивался с подобной задачей и находил хорошее решение?
Интересует решение либо на чистом js, либо jq. Но не для react, angular и прочего.

Answer 1

[Артур К.]

Рекомендую серединное решение между jq и react/angular — это небольшой backbone. Он так умеет.
Могу подробно расписать с описанием преимуществ и всё такое, но будет продуктивнее, если вам удастся самостоятельно найти в этом плюсы для себя.
Кстати, весит это чудо 6.3кб для прода.

Еще одно не менее простое решение — это реализации на бутстрапе. Вот один пример, первый в гугле по запросу "editable table bootstrap".

И, скорее всего, эти два решения будет выгодно объединить. Бутстрап будет шаблоном для бэкбона, который в свою очередь будет заниматься синхронизацией данных и отправкой результата редактирования на сервер.

Answer 2

[Андрей]

тут 2 решения
1. подставляйте input в нужное место
2. contenteditable="true"

Answer 3

[Stalker_RED]

https://editor.datatables.net/examples/inline-edit...

Comments

[iBird Rose]

Да. Именно о нем я написал в вопросе:

А решение от datatables.net именно в плане editor'а является платным.