Tables cut in mobile phone view

You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours

Monday to Friday
09:00 - 17:00 Europe/London (BST)

#107887 Tables cut in mobile phone view

Posted in ‘Editor’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by fabio42 on Monday, 24 May 2021 10:56 BST

Sunday, 23 May 2021 17:57 BST

fabio42

Hello,
I've noticed that when I insert a table into an article, and publish the article :

- people with computers will view all the columns of the table inserted in the browser
- people on mobile devices (mostly phones) will see half of the chart.

Is there an option to make the chart responsive ? (or is it a bug ?) I don't remember having had this problem before with JCE pro ...
Thanks for your answer.
In case, here's the direct link to the article in which the problem occurs : article

Note :
I have the latest JCE Pro version.
Thanks for your help !
Fabrice

Edited by fabio42 on 2021-05-23 18:03 BST

Monday, 24 May 2021 09:41 BST

Ryan

It's not a bug, because JCE creates standard HTML markup for tables. The problem is is that tables are not responsive by design, so you have to use a lot of css to make them responsive. See - https://css-tricks.com/responsive-data-tables/

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Monday, 24 May 2021 10:56 BST

fabio42

OMG ! 😮
Well, thanks for the link !
I'll have to figure out a way to insert tables without using all this css workaround ! Maybe I should replace the tables with a picture of the table itself instead...