Forum Discussion

lori_'s avatar
lori_
Data Storage
05-14-2025
Solved

Table Widget - Horizontal scroll

I’ve been trying to make the scrollbar always visible on the Table widget. I followed the code suggestions from this post, but after implementing the code, I don’t see any change in the widget. Is t...
  • TriAnthony's avatar
    TriAnthony
    05-16-2025

    Hi lori_,

    The length of the scrollbar is automatically calculated by the browser based on the ratio of visible content to total scrollable content. This length cannot be directly controlled with standard CSS. The more content there is to scroll through, the shorter the scrollbar will be. On the other hand, the less content there is, the longer the scrollbar. If all content fits within the visible area, the scrollbar disappears entirely.

    So, the reason the scrollbar disappears on your larger screen is that the entire widget content fits within the visible area, so there’s no need to scroll. When the scrollbar appears on the smaller screen, it is quite long for the same reason: there’s only a small amount of content to scroll through. If the visible area gets smaller (for example, if you add more columns, zoom in on the browser, reduce the browser window size, or widen the left navigation panel), the scrollbar will dynamically become shorter.

    Again, this is standard browser behavior. The only way to change this is by hiding the native scrollbar and building a custom one, which is significantly more complex.