About this question
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
<button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse">
<svg class="slds-button__icon slds-button__icon_large" aria-hidden="true">
</svg>
Cancel and close
</button>
Account name
Your answer
Log in to share your answer and help other learners.
Log in to answer
1 Answer
Best Answer · By JanBask Salesforce Expert
Answered on Feb 10, 2023
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.
Was this helpful?
More Salesforce discussions
How to resolve error non static method cannot be referenced from a static context?
How to fix insufficient access rights on cross-reference id?
How do I resolve the error: connect etimedout
How to query Soql not like?
Why sfdx is not recognized as an internal or external command?
How to use settimeout function in the lightning component?