Normally in the list, it show like a table with rows and column
Most of my client use to browse my website on mobile only. So I would like to show the list in a mobile view
eg.
i have 3 records with 4 column
Session - Name - Class - Roll No.
2019 - Tom - 7 - 1
2019 - Alex - 7 - 2
2019 - John - 7 - 3
Now in the list i would like to show as
1st record in a box or a cell
Session - 2019
Name - Tom
Class - 7
Roll No. - 1
<edit> <inline-edit> <delete>
2nd record in a box or a cell
Session - 2019
Name - Alex
Class - 7
Roll No. - 2
<edit> <inline-edit> <delete>
3rd record in a box or a cell
Session - 2019
Name - John
Class - 7
Roll No. - 3
<edit> <inline-edit> <delete>
But all the Search option and menu option will not be change
Only the List table should be change.
How can I activate the Multi-Column option only on the mobile.
If I am opening from the Computer than the list should be normal - means table design
and If I open from the mobile then It should go for the Multi-Column Option