npm install
npm run serve
Необходимо на основании приложенного json-файла реализовать таблицу с данными, пагинацией и поиском. Таблица должна состоять из колонок:
- Аватар (используем размер medium);
- ФИО;
- Пол;
- Страна;
- Дата рождения;
- Адрес электронной почты;
- Телефон.
Таблица должна иметь пагинацию с возможностью перехода между страницами списка, а также с возможностью перейти на конкретную страницу списка, которую может выбрать пользователь. На каждой странице должно быть выведено максимум 20 записей (строк).
Необходимо реализовать поле поиска по вводимому пользователем ключевому слову. В результате таблица должна быть отфильтрована по введенному значению
При фильтрации данных таблицы и изменении страницы должен автоматически формироваться URL с необходимыми query-параметрами. Таким образом, после перезагрузки страницы таблица должна быть открыта на соответствующей странице с уже предзаполненным значением для поиска.
Дополнительно (не обязательно, но будет большим плюсом): реализовать сортировку по выбранной пользователем колонке с добавлением данных в результирующий URL
Требования и пожелания к реализации задания:
• Использование vue.js + typescript;
• Не использовать готовые библиотеки для реализации пагинации и создания таблиц;
• Для стилизации допустимо использовать собственные стили – верстка и оформление не является обязательным требованием;