Views table of results - how to make device responsive

This support ticket is created 5 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.01 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Shane 5 years, 2 months ago.

Assisted by: Shane.

Author

Posts

September 11, 2019 at 5:22 pm #1338051

leilaG

Hi, we have a view table of results, with lots of columns, on a big screen it displays fine, but on a laptop and mobile, there are table columns missing.

Is there any way to make it device responsive?

September 11, 2019 at 7:43 pm #1338181

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Leila,

Thank you for getting in touch.

The issue here is that tables are not naturally response, so you will need to make it responsive by using bootstrap tables.

Take a look at the link below.
hidden link

So I believe all you need to add is the "table" class to your table to ensure bootstrap works on your table. It should be noted that the items won't reflow like with a grid but it should allow the table to be scrolled through.

Thanks.
Shane