Инструмент для создания и оформления таблиц.
Характеристики
- Изначальное состояние — пустая таблица 2x2
- Для создания новых строк используется кнопка с иконкой (+), которая появляется при наведении на зону вблизи внутренней границы строки.
- Зона, при наведении на которую показывается плюс, должна на 10px выступать за границу строки сверху и снизу, чтобы попадать на нее было проще. Пример на макете обозначен красной пунктирной линией.
- При нажатии на плюс, снизу от текущей строки появляется новая.
- Аналогично происходит добавление столбцов
- Для упрощения, в первой версии не должно быть инструментов для изменения ширины столбцов и перетаскивания столбцов/строк.
- При нажатии на Enter, надо создавать новую строку
- При нажатии на Backspace в строке, в которой все ячейки пустые, нужно удалять строку
- Контент ячеек можно редактировать. Для этого либо всю таблицу нужно вложить в contenteditable-обертку, либо в каждой ячейке создавать contenteditable-элемент.
Как оформить результат
- Чем минималистичнее получится решение, тем лучше
- Не рекомендуется использовать фреймворки и библиотеки
- Код выложить на GitHub, обеспечить доступ к демо-странице.