How do I get a table scrollbar horizontal?
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
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.
Interviews
- Business Analyst Interview Questions
- DevOps Interview Questions
- AWS Interview Questions
- QA Testing Interview Questions
- Software Testing Interview Questions
- SQL Interview Questions
- Salesforce Interview Questions
- Java Interview Questions
- Hibernate Interview Questions
- Spark Interview Questions
- Vmware Interview Questions
- Data Science Interview Questions
- Digital Marketing Interview Questions
- API Testing Interview Questions
- SSAS Interview Questions
- Power BI Interview Questions
- Cloud Computing Interview Questions
- SSRS Interview Questions
- Manual Testing Interview Questions
- Social Media Interview Questions
- Performance Testing Interview Questions
- MSBI Interview Questions
- QTP Interview Questions
- Automation Testing Interview Questions
- SSIS Interview Questions
- GIT Interview Questions