I’m not performing any customization on the horizontal and vertical scroll bar for the flexmonster table.But it seems like both the scrolls are getting chipped off. You can see the example with the attachment.Let me know how can I fix this behavior.
Thank you for reaching out to us.
We have noticed that scrollbars on the screenshot look different from the default browser styles. So that’s clear that it was customized. We suggest you checking out the following example which demonstrates how to properly change the scrollbar styling: https://jsfiddle.net/flexmonster/yrsq5eg2/.
Also, please let us know which version of Flexmonster you use.
We hope it helps. Looking forward to your response.
Thanks for the quick response. After adding the necessary changes it seems to work for a windows machine but not for Mac. Is there a specific change which is needed for Mac?
PFA the screenshot for your reference.
Thank you for providing the screenshots.
The issue is that `::-webkit-scrollbar` is a non-standard feature, and it may not work on all devices.
This is why, on macOS, you should set the General > Show scroll bars setting in System Preferences to “Always” for this property to have any effect. Also, try adding `!important` to scrollbar properties to override all previous styling rules. Please see the following example on JSFiddle: https://jsfiddle.net/flexmonster/4xrn3b8c/.
Feel free to contact us if other questions arise.