Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
SumitkSumitk 

How to achieve row span using SLDS?

User-added image
I want to create a list view like this image for mobile devices. I tried this using grid in the code.  
<div class="slds-grid slds-wrap pd-5">
                    <div class="slds-col slds-size_3-of-4">
                        <div class="slds-col">
                            Amazing enterprise
                        </div>
                        <div class="slds-col">
                            Amazing enterprise
                        </div>
                        <div class="slds-col">
                            Amazing enterprise
                        </div>
                    </div>
                    <div class="slds-col slds-size_1-of-4 slds-float_right slds-grid_align-center">
                        0.25
                    </div>
                </div>
But unable to achieve it. Is this possible using grid? Or should I use a table instead? I also want to avoid scrolling in smaller devices.
RituSharmaRituSharma
You may use lightning layouts. Refer this URL -> https://developer.salesforce.com/docs/component-library/bundle/lightning:layout/example#lightningcomponentdemo:exampleLayoutHorizontalSpace
SumitkSumitk
I am not able to achieve it via the link( exampleLayoutHorizontalSpace ). Can you provide some code for reference?