деплой: https://stoic-montalcini-dee202.netlify.app/

Тестовое задание - работа с табличными данными

Основные цели:

• На основе имеющегося массива данных, создать таблицу шириной 50% от экрана;
• Колонки в таблице:
  • Имя (firstName),
  • Фамилия (lastName),
  • Описание (about),
  • Цвет глаз (eyeColor).
• Данные колонки “about” должны отображаться в две строки, остальное обрезаем многоточием (...);
• Каждая колонка должна иметь свойство сортировки;
• При клике на строку в соседнем с таблицей DIV’е отобразить форму редактирования данных выбранной строки.

Дополнительные цели:

• Добавить постраничный вывод данных из предоставленного JSON (10 строк на страницу);
• Добавить возможность показа/скрытия колонок;
• В колонке “eyeColor” предоставлять данные в виде цвета, сохраняя возможность сортировки по значению.

Использование jQuery, Bootstrap и других фреймворков и библиотек не разрешено. Комментирование кода с пояснениями — обязательно.