Views table of results - how to make device responsive

This support ticket is created vor 5 Jahren, 4 Monaten. 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.

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)

Tags: Views plugin

Dieses Thema enthält 1 Antwort, hat 2 Stimmen.

Zuletzt aktualisiert von Shane vor 5 Jahren, 4 Monaten.

Assistiert von: Shane.

Author

Artikel

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

Sprachen: Englisch (English )

Zeitzone: 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.
versteckter 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