Hi Neli, I was able to achieve this by appending the following function to the databound event of the scheduler:
function
SetSchedulerWidth() {
var
minColumnWidth = 200;
var
columns = $(
".k-scheduler-header .k-scheduler-table > tbody > tr:last-child > th"
).length;
var
availableWidth = $(
"#Scheduler"
).width() - $(
".k-scheduler-layout > tbody > tr > td:first-child"
).width() - parseInt($(
".k-scheduler-header"
).css(
"padding-right"
)) - 1;
var
width = Math.max(columns * minColumnWidth, availableWidth);
$(
".k-scheduler-content .k-scheduler-table"
).width(width);
$(
".k-scheduler-header .k-scheduler-table"
).width(width);
}
The css you mentioned was the missing ingredient to make this work.
Not the prettiest solution, but it does work.