grid_row_class

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

start	Date	дата, когда задача запланирована на начало
end	Date	дата, когда задача запланирована на завершение
task	Task	объект задачи

Example

gantt.templates.grid_row_class = function(start, end, task){
    return "";
};

Каждая вторая строка в grid и области таймлайна содержит дополнительный CSS класс odd, который можно использовать для чередования цветов строк:

.gantt_row.odd, .gantt_task_row.odd{
    background: silver;
}
 
.gantt_row, .gantt_task_row {
    background: white;
}

По умолчанию стили будут применяться только к четным строкам. Чтобы стилизовать нечетные строки, вам нужно добавить имя класса odd в селекторы правил стиля. Таким образом, если вы хотите назначить один и тот же цвет всем строкам, вам обычно нужно указать CSS правило для обоих селекторов (с классом '.odd' и без него), иначе стандартные CSS правила становятся более специфичными и имеют более высокий приоритет.

.gantt_row.odd, .gantt_task_row.odd,
.gantt_row, .gantt_task_row {
    background: white;
}

То же самое относится и к пользовательским CSS классам, которые вы можете применить через шаблоны grid_row_class и task_row_class:

index.js

gantt.templates.grid_row_class = function(start, end, task){
    return "wheat_color";
};

index.css

.wheat_color,
.wheat_color.odd{
    background:wheat;
}

Вы можете заметить, что четные строки выделяются на экране вместо нечетных. Но если вы проверите индексы строк, вы увидите, что стиль применяется к строкам с нечетными индексами (1, 3, 5 и т.д.).

К началу