Дано:
JS, CSS (SCSS, SASS), JSON с данными
Максимальное время на выполнение задания – 2 недели.
Основные цели:
- На основе имеющегося массива данных, создать таблицу шириной 50% от экрана;
- Колонки в таблице:
- Имя (firstName),
- Фамилия (lastName),
- Описание (about),
- Цвет глаз (eyeColor).
- Данные колонки “about” должны отображаться в две строки, остальное обрезаем многоточием (...);
- Каждая колонка должна иметь свойство сортировки;
- При клике на строку в соседнем с таблицей DIV’е отобразить форму редактирования данных выбранной строки.
Дополнительные цели:
- Добавить постраничный вывод данных из предоставленного JSON (10 строк на страницу);
- Добавить возможность показа/скрытия колонок;
- В колонке “eyeColor” предоставлять данные в виде цвета, сохраняя возможность сортировки по значению.
Использование jQuery, Bootstrap и других фреймворков и библиотек не разрешено. Комментирование кода с пояснениями — обязательно. Решение задачи разместить на https://github.com/