scale_cell_class

указывает CSS класс, который будет применен к ячейкам временной шкалы области временной линии

date

Date

дата ячейки

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

Обратите внимание, что при использовании вычислений рабочего времени вы можете использовать isWorkTime вместо жестко закодированных значений:

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

Если вы указали несколько шкал через свойство gantt.config.scales, шаблон будет применен только к первой шкале. Чтобы указать CSS класс для ячеек любой другой шкалы, используйте атрибут css свойства gantt.config.scales:

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";             }         }     },
];

К началу