timeline_cell_content

определяет пользовательский HTML-контент в ячейках временной шкалы

task	Task	объект задачи
date	Date	дата ячейки

Example

gantt.templates.timeline_cell_content = function (task, date) {
    if (gantt.getTaskType(task) === "task"){
        const cost = calculateSlotCost(task, date);
        return `<div class='cost'>${demoValue}</div>`;
    }
    return "";
};

Related samples

Custom content inside the timeline cells

Details

Вы должны использовать этот шаблон вместо метода addTaskLayer() в случаях, когда вам нужно отобразить пользовательский контент в ячейках временной шкалы. Это будет проще в реализации и быстрее по производительности.

Обратите внимание, что пользовательский контент будет отображаться под полосами задач, что означает, что полосы задач будут иметь более высокий z-index, и содержимое ячеек не будет видно, когда полоса задачи расположена сверху. Если вам нужно, чтобы контент был виден поверх полосы, вы можете добавить 'z-index' к пользовательскому элементу:

<style>    .cost{
        position:absolute;
        z-index: 5;
        pointer-events: none; 
    }
</style>