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