Wrong hours when i change setScope values

[flesblue]

Hi,
When i change setScope values (exemple timetable.setScope(6,18)) all my start and end hours appears wrong. If i use default setScope parameters (9,3) everything is ok. Same thing happens in the demo.html of the package.

[JosefPadua]

I have same problem.

I fixed this by setting a fixed width on the '.timetable' class. The width should be calculated upon by the single cell width, which is 24px by default. So 4 cells in 1 hour = 24px x 4 = 96px multiplied the number of hour slots you need.
However, this solution is REALLY temporary.

[Izzu2000]

Has anyone solve this yet? My current solution is pretty much following what lucagrandicelli did.

[dkasrtg]

Hey everyone?
Was it already solved?
Thanks

[MadisonMedia]

thanks @lucagrandicelli
In app > scripts > plugin.js on line 150 I changed
var width = headerNode.scrollWidth + 'px';
to
var width = getDurationHours(timetable.scope.hourStart, timetable.scope.hourEnd)*96 + 'px';

So it sets the width correctly without changing css on every possible time scope.
I'm sure, there is a better way, but it works well for me 😬