function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
ssheikhssheikh 

Bootstrap Table is not displaying records properly in Mobile. Works fine on desktop and Ipad

I have created an search functionality in lightning which fetches records and display it in table format(6 columns).
In iPhone 5,6,6+ this table is displaying only 3-4 columns and I want to show all columns.If I decrease table's font size then in Ipad/Desktop it looks bad. Please guide.

Thanks
Shoyab
Best Answer chosen by ssheikh
ssheikhssheikh
Hey sslodhi87 and Vivek D,

Thanks both of you for your suggestion. I used here $A.util.addClass() to dynamically set css for different devices and it works fine for me.
Have a good day.

All Answers

sslodhi87sslodhi87
Hi Shoyab,
Please use datatable jqurey if you are not planning to perform any dml on data.

https://datatables.net/extensions/responsive/

This will help you

Thanks
Vivek DVivek D
Hi Shoyab,
Try to use https://www.lightningdesignsystem.com/components/data-tables/  they are the best alternative for table if the device width is less they automatically converts the table into vertical and if the device with is more they show it in normal way horizontal.
ssheikhssheikh
Hey sslodhi87 and Vivek D,

Thanks both of you for your suggestion. I used here $A.util.addClass() to dynamically set css for different devices and it works fine for me.
Have a good day.
This was selected as the best answer