Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Week Table Stretching and Data Not Displaying Properly on Small Screens #274

Open
AllahDitta5 opened this issue Dec 20, 2024 · 0 comments
Open

Comments

@AllahDitta5
Copy link

AllahDitta5 commented Dec 20, 2024

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant