Компонент таблицы на Vue

Компонент Vue

Компонент таблицы с фильтрацией, редактированием и др.

Описание проекта

Клиент
Self Projects
Технологии
PHP, Laravel, JavaScript, VueJs

Бриф

Зачастую в проектах есть необходимость отобразить какие-то базовые таблицы, например список языков на сайте, текстовых меток и т.п., они часто схожи и имеют довольно скромный функционал. Писать каждый раз одну и ту же логику довольно неблагодарное занятие, поэтому я решил написать компонент на Vue 3, который позволит создавать таблицы такого рода быстрее.

Цель: Реализовать Vue компонент, который позволит быстро выводить таблицы контента на основе данных из БД. Таблица должна быть сгенерирована автоматически, по переданным props. Компонент должен уметь отрисовывать базовые поля, такие как дата, текст, картинки и т.п. через передачу параметров, без дополнительных манипуляций.

Задача #1: Компонент на Vue, который будет отрисовывать таблицу с пагинацией и поиском;

Задача #2: Компонент должен принимать props для отрисовки полей с типом поля, который будет указывать на то как именно отрисовать значение в таблице;

Задача #3: Компонент должен принимать props для отрисовки фильтров;

Задача #4: Компонент должен принимать props, который позволит добавлять кнопки действия к каждой строке и при нажатии кнопоки вызывать функцию на JS;

Задача #5: Возможность редактировать или создавать записи в таблице;

Задача #6: Все действия таблицы должны быть настраиваемы исключительно через props;

Задача #7: Компонент должен принимать ссылку на которую он будет обращаться за данные или вызывать сохранение/редактирование. Бэкэнд должен работать на PHP с использованием фреймворка Laravel.

Скриншоты

Компонент таблицы на Vue

Компонент таблицы на Vue

Компонент таблицы на Vue

Компонент таблицы на Vue

Компонент таблицы на Vue

Компонент таблицы на Vue

Похожие проекты на этом стеке