Hi,
I'm using this library to display a weekdays table. However, I've encountered an issue where, when the screen width decreases, the table stretches, and the data within the table is not displayed properly on smaller screens.
Issue: The table layout is distorted on small screens, causing the text inside events to be partially or completely hidden.
i.e: This is the full text "09:00 - 10:00" but showing only this text "09:00".
In below screenshot here is 632px width of the screen.
What I Tried:
Adjusting weekCellWidth property like apply value with percentage 10% but here, i have to give value for all screen sizes.
Wrapping the scheduler in a container div.
How can I fix this issue: The table column width should be sufficient to display the data properly. Additionally, a horizontal scrollbar should appear, allowing users to scroll horizontally to view the data.
Thanks in advance for your help!
Hi,
I'm using this library to display a weekdays table. However, I've encountered an issue where, when the screen width decreases, the table stretches, and the data within the table is not displayed properly on smaller screens.
Issue: The table layout is distorted on small screens, causing the text inside events to be partially or completely hidden.
i.e: This is the full text "09:00 - 10:00" but showing only this text "09:00".
In below screenshot here is 632px width of the screen.
How can I fix this issue: The table column width should be sufficient to display the data properly. Additionally, a horizontal scrollbar should appear, allowing users to scroll horizontally to view the data.
Thanks in advance for your help!