Как создать таблицу, которую можно редактировать на фронте?

Question

[blabs]

Планируем добавить в панель администратора таблицу, в которой выводить определенные данные. Таблица должна позволять редактировать данные, сортировать данные (фильтр на колонку), экспортировать данные в CSV, добавлять новые записи, показывать/скрывать клоаки в таблице. Все данные будут храниться в базе данных и выводиться по запросу (в том числе и сохраняться в базу данных при изменении)

Скрин желаемой таблицы представлен здесь: https://www.dropbox.com/s/81hacssb8y5q67p/Screensh...

как можно организовать таблицу, какую библиотеку использовать и с чем?

Comments

[Zhainar]

в фреймворке yii2 есть такой виджет gridview, полная копия вашей таблицы.

[blabs]

Zhainar: Это какой то плагин в фреймворке или внутренняя разработка? Его можно использовать в других фреймворках?

[Zhainar]

blabs: можете поднять отдельное приложение для работы с таблицей

[blabs]

Zhainar: как называется приложение? Дело в том, что бекенл у нас на симфони. Фронт хотели сделать на первом ангуляре.

Answer 1

[Олег]

Если возьметесь делать фронт на AngularJS, для него многие хвалят Smart Table. Во всяком случае, таблица на демо очень похожа на ваш макет.

Для инлайн-редактирования взгляните на x-editable

Comments

[blabs]

Она позволяет добавить фильтры для каждой колонки в отдельности как указано на скрине? Как это работает?

[Олег]

blabs: Нет, это лишь надстройка для удобного редактирования полей таблицы. Дополнил ответ ссылкой на решение для Ангуляра, которым сам собираюсь воспользоваться

Answer 2

[Risent Veber]

Посмотрите в эту сторону - https://www.datatables.net - дешево и сердито.