Time needed: 5 minutes.
In this tutorial I will create a responsive table. In mobile version, we will display only two column. But we will display all information as desktop version! How can we do that? let's see
- Add blank column.
We will add two blank columns. Those columns for mobile. First column keyword 'mobile_col_1' and second column keyword 'mobile_col_2'
- Active Columns For Mobile
From 'DEVICEWISE COLUMN SETTING' section click on 'Mobile' tab and select 'mobile_col_1' and 'mobile_col_2' column.
- Set mobile_col_1 column
Click and expand 'mobile_col_1'. give column a name ( I gave Image ). Select which columns you want to display in this column as inner items from 'Select multiple inner items' section.
- Set mobile_col_2 column
Do exactly same as step 3
All done. Now Publish/Update table to save those changes. Note that you can fallow the same step for Tablet version.