Zum Hauptinhalt springen

timeline_cell_class

Description​

Definiert die CSS-Klasse, die auf die Zellen im Timeline-Bereich angewendet wird

timeline_cell_class: (item: any, date: Date) => string | void;

Parameters​

  • item - (required) Task - | object die Aufgabe oder das Ressourcenobjekt, das mit der Zeile verknüpft ist
  • date - (required) Date - das spezifische Datum der Zelle

Returns​

  • text - (string | void) - einen CSS-Klassennamen für das gegebene Element

Example​

<style>
.weekend{ background: #f4f7f4 !important;}
</style>

gantt.templates.timeline_cell_class = function(task,date){
    if(date.getDay()==0||date.getDay()==6){
        return "weekend";
    }
};

Details​

Beim Arbeiten mit work time calculations ist es besser, isWorkTime anstelle von festen Werten zu verwenden:

gantt.config.work_time = true;

gantt.templates.timeline_cell_class = function(task,date){
    if(!gantt.isWorkTime({task:task, date:date}))
        return "weekend";
};