function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Killian MerKillian Mer 

Lightning Data table - Responsivity for App

Hi everyone,

I am using a Lightning Data table component that i can access from my desktop or my Salesforce mobile App.
It is built like this : 
  
<lightning:datatable aura:id="WSTable" data="{!v.filteredData}" class="slds-m-top_medium"
                columns="{!v.columns}"
                minColumnWidth="100px"
                keyField="identsrc"                             
                onrowselection="{!c.getSelectedRow}"
                sortedBy="{!v.sortedBy}"
                sortedDirection="{!v.sortedDirection}" 
                maxRowSelection = "1"
                onsort = "{!c.updateColumnSorting}"/>	           
    </lightning:card>

In desktop mode, the Data table is well displayed ! However, when i am in my app, it is displayed like this :
User-added image

So it is totally unreadable, and i would like to know how to fix this. I already tried to set a minWidth for the colums but it doesn't work.

Thanks in advance !

 
Deepak_KumarDeepak_Kumar
Hey Killian,
The current version of lightning:datatable is not supported on mobile devices. 
https://developer.salesforce.com/docs/component-library/bundle/lightning:datatable/documentation

In an alternative, you use grid or lightning: layout.

Please mark as solved and best answer if it will solve your problem.
Thanks
Deepak.
 
Akshay ShelatkarAkshay Shelatkar
Deepak will you be able to tell us how to use lightning layout or grid to overcome this problem