HTML: Table nor responsive

brizzicomunicazione
34 Posts
brizzicomunicazione posted this 23 February 2018

Hi,

I added a table in HTML format, but in the mobile view, the table does not fit and is half unreadable

How can I do? Thank you.

Best regards
Walt

Hi, I added a table in HTML format, but in the mobile view, the table does not fit and is half unreadable How can I do? Thank you. Best regards Walt
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 26 February 2018

Hi,

Have you set the table width to be 100%? In some sites you can use the horizontal scroll for the table only so it will be seen on the phone when swiped. Let me know if that is a possible solution for you. And also provide a link to the site.

Sincerely,
Hella

Hi, Have you set the table width to be 100%? In some sites you can use the horizontal scroll for the table only so it will be seen on the phone when swiped. Let me know if that is a possible solution for you. And also provide a link to the site. Sincerely, Hella
brizzicomunicazione
34 Posts
brizzicomunicazione posted this 26 February 2018

Yes,
I tried with 2 parameters: 100% and "auto".
The problem does not seem to resolve.
I have read that there are several systems to introduce a scroll bar with HTML and CSS in the table.
I'm not a wizard of codes and in fact I could not solve.

Do you have any suggestions?
This is the doive link to find the table: https://www.brizzicomunicazione.it/i-servizi/descrizione-e-prezzo-servizi.htm

Beste regards,
Walt

Yes, I tried with 2 parameters: 100% and "auto". The problem does not seem to resolve. I have read that there are several systems to introduce a scroll bar with HTML and CSS in the table. I'm not a wizard of codes and in fact I could not solve. Do you have any suggestions? This is the doive link to find the table: https://www.brizzicomunicazione.it/i-servizi/descrizione-e-prezzo-servizi.htm Beste regards, Walt
Support Team
Support Team posted this 26 February 2018

Hi,

The site gives me this error:
Impossibile visualizzare la pagina a causa di un errore interno del server.

Please check. It might be because the site is blocked for some countries.

Sincerely,
Hella

Hi, The site gives me this error: *Impossibile visualizzare la pagina a causa di un errore interno del server.* Please check. It might be because the site is blocked for some countries. Sincerely, Hella
brizzicomunicazione
34 Posts
brizzicomunicazione posted this 26 February 2018

Hella, try now here please: https://www.brizzicomunicazione.it/i-servizi/descrizione-e-prezzo-servizi.html

Hella, try now here please: https://www.brizzicomunicazione.it/i-servizi/descrizione-e-prezzo-servizi.html
Support Team
Support Team posted this 26 February 2018

Hi,

The html TABLE element is not responsive by itself. If you use the code cor this table in a blank HTML page created outside Themler and preview it on small mobile screen you will see the same problem.
The table cannot become shorter than the longest word or phrase with   like in E) row.

Thank you,
Olivia

Hi, The html TABLE element is not responsive by itself. If you use the code cor this table in a blank HTML page created outside Themler and preview it on small mobile screen you will see the same problem. The table cannot become shorter than the longest word or phrase with ` ` like in `E)` row. Thank you, Olivia
brizzicomunicazione
34 Posts
brizzicomunicazione posted this 26 February 2018

Hi Olivia,

considering that there is not a function that allows you to create a table directly with Themler, after reading many technical articles, I have identified the best method with the "No More Tables" technique.
When I have finished, it will be perfect!

For anyone who wanted to deepen is a combination of HTML code and CSS code (a bit laborious, but very simple), which transforms columns into rows in devices with the reduced screen: https://www.cosedelweb.it/come-creare-tabelle-responsive-con-no-more-tables

Hi Olivia, considering that there is not a function that allows you to create a table directly with Themler, after reading many technical articles, I have identified the best method with the "No More Tables" technique. When I have finished, it will be perfect! For anyone who wanted to deepen is a combination of HTML code and CSS code (a bit laborious, but very simple), which transforms columns into rows in devices with the reduced screen: https://www.cosedelweb.it/come-creare-tabelle-responsive-con-no-more-tables
Support Team
Support Team posted this 26 February 2018

Hi,

Please let us know if you need our further assistance with this case.

Thank you,
Olivia

Hi, Please let us know if you need our further assistance with this case. Thank you, Olivia
You must log in or register to leave comments