timeline_cell_content

definiert benutzerdefinierte HTML-Inhalte in den Zellen der Timeline

task	Task	das Objekt der Aufgabe
date	Date	das Datum einer Zelle

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

Sie sollten dieses Template anstelle der addTaskLayer() Methode verwenden, wenn Sie benutzerdefinierte Inhalte in den Zellen der Timeline anzeigen möchten. Es wird einfacher zu implementieren und schneller in der Leistung sein.

Beachten Sie, dass der benutzerdefinierte Inhalt unter den Aufgabenbalken angezeigt wird, was bedeutet, dass die Aufgabenbalken einen höheren z-index haben und der Inhalt der Zellen nicht sichtbar ist, wenn der Aufgabenbalken darüber liegt. Wenn Sie möchten, dass der Inhalt über dem Balken sichtbar ist, können Sie 'z-index' zu dem benutzerdefinierten Element hinzufügen:

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