gantt-lib
Drag task bars to move or resize. Dependency links, cascade shifting, and expired task highlighting included.
Construction Project
На таймлайне добавлены вертикальные маркеры дат. Наведите на кружок у линии, чтобы увидеть название контрольной точки.
Additional Columns
Custom columns: Assignee (text) и Priority (select) — добавлены через additionalColumns проп. Переключатели ниже скрывают системные и кастомные колонки через hiddenTaskListColumns. Задачи Design API и Write tests помечены как closed для демонстрации getTaskListRowClassName.
Table Matrix Financial Plan
Слева обычный TaskList с иерархией фаз и статей, справа произвольная матрица ячеек. В этом примере строки в режиме table-matrix автоматически ужимаются по контенту: где есть только сумма, строка ниже, где появляется вторая строка, высота увеличивается ровно под содержимое.
Plan-Fact Daily Input
Верхняя подстрока дня — план, нижняя — факт. Плановые дни подсвечены по датам задачи, но значения можно вводить в любую видимую дату.
Resource Planner Mode
Ресурсный график строительства: сдвигайте работы по срокам, растягивайте границы и проверяйте накладки по бригадам и технике. В этом примере переназначение между ресурсами заблокировано, чтобы корректировать только даты.
Критический путь без связей
Ни у одной работы нет зависимостей — цепочка шагов 1–3 и параллельные ветки накиданы просто датами. Критической становится только работа, которая заканчивается последней (здесь — «Поздняя короткая работа» и веха финиша с тем же днём окончания). Попробуйте: перетащите «Позднюю короткую работу» левее — подсветка переедет на новый максимальный финиш (шаг 3 цепочки).