Hi,
I’m using the Week View in DHTMLX Scheduler, where each horizontal row represents a day, and events are displayed within hourly columns.
I would like to achieve the following behavior:
When multiple events overlap in time and are shown next to each other (side by side) within the same day (e.g. 3 events at 10:00–10:30), I want the day column to dynamically increase its width so that all overlapping events fit without being squished.
Example:
- 1 event at 10:00–10:30 → normal column width (e.g. 100 px)
- 2 overlapping events in the same time slot → column expands to 200 px
- 3 overlapping events → 300 px
And so on…
I’m referring specifically to side-by-side overlapping events, not stacked ones.
Is it possible to make the day column width dynamic depending on how many events are rendered next to each other?
If not supported natively, is there a recommended way to implement this behavior manually via CSS or JavaScript?
Thanks in advance for any suggestions or workarounds!