I found information how to customize the header by using 'headerConfig'. Which is great.
I found out how to modify the class for the generated <td> (see 'red' elements in screenshot). Also works well.
However, my problem is the header row marked in yellow.
headerConfig : {
bottom : {
unit : 'DAY',
align : 'center',
renderer : function (start, end, config, index, eventStore) {
// customize css class for table header <td> ... good!
config.headerCls = 'amount-negative';
return '-2';
}
},
middle : {
unit : 'DAY',
align : 'center',
renderer : function (start, end, cfg) {
return Ext.Date.dayNames[start.getDay()].substring(0, 1);
}
},
top : {
unit : 'WEEK',
renderer : function (start, end, cfg) {
// formating: '(W48) 31.12.2014'
return 'W(' + Ext.Date.format(start, 'W') + ') '+ Ext.Date.format(start, 'd.M.Y');
}
}
}
"Sch.view.HorizontalTimeAxis" is hiding this from the user-code. So is it possible to change the current
behavoiur?