Доработать верстку таблицы на html и js
Добрый день, необходимо сверстать таблицу на html и js, которая иллюстрирует плановые и фактические цифры по товарам понедельно.
Столбцы таблицы — номера недель 2025 года.
В шапке столбца, кроме номера недели, второй строкой указано суммарное значение всех дельт, указанных в ячейках этого столбца. Если сумма всех дельт положительная, то итоговое значение зеленого цвета, если отрицательное, то итоговое значение красного цвета.
Последний столбец — итоговый по всем неделям. Заголовок столбца «По итогу года»
Строки таблицы — товарные группы, по клику на которые разворачиваются — подгруппы, по клику на которые разворачиваются товары.
На пересечении группы/подгруппы/товара и недели — в ячейке лежат 3 числа: плановое значение, фактическое значение, «дельта» — разность между ними (шрифт последнего значения больше относительно двух других в 2 раза).
Если в какой-то ячейке за какую-то неделю дельта отрицательная, то в этой же строке, в столбце правее к значению план приписывается «+{значение дельты}».
Если дельта равна 0 или положительная, то это никак не влияет на столбцы правее.
Товары и Плановые значения необходимо взять из таблицы в гугл доках.
Фактические значения необходимо взять из того же файла в гугл доках с отдельного листа.
Наглядный пример таблицы прикладываю (в нем выполнены не все требования, требует доработки)
Необходим скрол недель по горизонтали, при этом первый столбец, последний столбец, первая строка - должны быть закреплены.
Таблица будет просматриваться на смарт тв и десктопах.
Напишите, пожалуйста, в откликах оценку задачи в часах, стоимость часа
Столбцы таблицы — номера недель 2025 года.
В шапке столбца, кроме номера недели, второй строкой указано суммарное значение всех дельт, указанных в ячейках этого столбца. Если сумма всех дельт положительная, то итоговое значение зеленого цвета, если отрицательное, то итоговое значение красного цвета.
Последний столбец — итоговый по всем неделям. Заголовок столбца «По итогу года»
Строки таблицы — товарные группы, по клику на которые разворачиваются — подгруппы, по клику на которые разворачиваются товары.
На пересечении группы/подгруппы/товара и недели — в ячейке лежат 3 числа: плановое значение, фактическое значение, «дельта» — разность между ними (шрифт последнего значения больше относительно двух других в 2 раза).
Если в какой-то ячейке за какую-то неделю дельта отрицательная, то в этой же строке, в столбце правее к значению план приписывается «+{значение дельты}».
Если дельта равна 0 или положительная, то это никак не влияет на столбцы правее.
Товары и Плановые значения необходимо взять из таблицы в гугл доках.
Фактические значения необходимо взять из того же файла в гугл доках с отдельного листа.
Наглядный пример таблицы прикладываю (в нем выполнены не все требования, требует доработки)
Необходим скрол недель по горизонтали, при этом первый столбец, последний столбец, первая строка - должны быть закреплены.
Таблица будет просматриваться на смарт тв и десктопах.
Напишите, пожалуйста, в откликах оценку задачи в часах, стоимость часа