scale_cell_class

Gibt die CSS-Klasse an, die auf die Zellen der Zeitskala im Zeitachsenbereich angewendet wird.

date

Date

Das Datum einer Zelle.

Example

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

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

Related samples

Highlighting weekends

Details

Beachten Sie, dass Sie bei der Verwendung von Arbeitszeitberechnungen isWorkTime anstelle von fest codierten Werten verwenden können:

gantt.config.work_time = true;
 
gantt.templates.scale_cell_class = function(date){
    if(!gantt.isWorkTime(date))
        return true;
};

Wenn Sie mehrere Skalen über die gantt.config.scales Eigenschaft festgelegt haben, wird die Vorlage nur auf die erste Skala angewendet. Um die CSS-Klasse für die Zellen einer anderen Skala anzugeben, verwenden Sie das css Attribut der gantt.config.scales Eigenschaft:

gantt.config.scales = [
    { unit: "month", step: 1, date: "%F" },
    { unit: "week", step: 1, date: "%W" },
    {
        unit: "day", step: 1, date: "%d", css: function (date) {             if (!gantt.isWorkTime({ date: date })) {                 return "weekend";             }         }     },
];