react-big-scheduler icon indicating copy to clipboard operation
react-big-scheduler copied to clipboard

Week Table Stretching and Data Not Displaying Properly on Small Screens

Open AllahDitta5 opened this issue 1 year ago • 0 comments

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.

image

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!

AllahDitta5 avatar Dec 20 '24 16:12 AllahDitta5