You need to sign in to do that
Don't have an account?
Matyas Csaba
Make slds-grid scrollable
Hello Helper
I am building a Ligthning component where I have a grid witrh col items and inside each column cell i am inserting other component(Ligthning:datatable)
When the component is displayed its heigth is adjusted to match the height of the datatable like below:
I DO NOT want this
I would like to define the height of the column box and if datatable has many rows i would like to add scrollign to the grid col
I guess i have to use class="slds-scrollable"
BUt I am not able to do it properly
See below a piece of my code where I define 1 column
<div class="slds-grid">
<div class="slds-col slds-box slds-size_3-of-12 ">
<span >
<lightning:datatable data="{!obj.innerdata}"
columns="{!v.InnerOppTHeader}"
keyField="id"
hideCheckboxColumn="true"
>
</lightning:datatable>
</span>
</div>
...
</div>
any sugestions?
Thanks in advance
Csbaa
I am building a Ligthning component where I have a grid witrh col items and inside each column cell i am inserting other component(Ligthning:datatable)
When the component is displayed its heigth is adjusted to match the height of the datatable like below:
I DO NOT want this
I would like to define the height of the column box and if datatable has many rows i would like to add scrollign to the grid col
I guess i have to use class="slds-scrollable"
BUt I am not able to do it properly
See below a piece of my code where I define 1 column
<div class="slds-grid">
<div class="slds-col slds-box slds-size_3-of-12 ">
<span >
<lightning:datatable data="{!obj.innerdata}"
columns="{!v.InnerOppTHeader}"
keyField="id"
hideCheckboxColumn="true"
>
</lightning:datatable>
</span>
</div>
...
</div>
any sugestions?
Thanks in advance
Csbaa
All Answers