How do I get a table scrollbar horizontal?

485    Asked by CamelliaKleiber in Salesforce , Asked on Feb 10, 2023

When I try to view the mobile version of this table, I don't get the horizontal scroll bar. What should I do to view the scroll bar or make it responsive? I already tried to add:



  

https://www.lightningdesignsystem.com/components/lookups/#Grouped

    
    
Answered by Camellia Kleiber

The two lines of code that you say you tried should have been sufficient for a table scrollbar horizontal. They create a bounding box of 24 rem, and a content box of 150% of that width, forcing the scroll with style class slds-scrollable. I can't see where you placed those lines, though, so I can't say for certain what should have happened. You can try using the style class slds-scrollable_x instead. This should force the x-axis scrollbar to appear, and it will be greyed out if the content fits. That will at least let you know if your content needs scrolling or not. You may simply not be overflowing your bounds.



Your Answer

Interviews

Parent Categories