WebSite X5Help Center

 
Peter P.
Peter P.
User

Table that displays the same way on a mobile as the desktop view  en

Autore: Peter P.
Visite 1306, Followers 1, Condiviso 0  

Hi 

Is there any way of creating a simple table with 2 columns that views the same on a mobile as on a desktop view. I found this website with a pricing table that view the same on a mobile has the desktop. https://www.mayfield-dental.co.uk/dental-fees/ is it possible to create the  same kind of table in Website x5

I have tried creating a table with 2 columns but at low resolution the table stays the same size with a slider bar at the bottom of the table to move along the line.

Kind Regards
Peter.

Postato il
3 RISPOSTE - 3 UTILI - 1 CORRETTO
Paul M.
Paul M.
Moderator

Hello Peter,

It can't be done by default in WebSite X5.  Tables are one of the few Objects which are not responsive in that respect.

You can make an 'elastic' table with some custom code.

I will have a look on the Help Center for the relevant thread(s).

Kind regards,

Paul

Search the WebSite X5 Help Center

Leggi di più
Postato il da Paul M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

(It > En) ... ... you should post the LINK of your page with the table to check ...
... a few years ago I invented a code for v.12  that makes the tables elastic ...
... if you want to try it, the code is very simple, it is used with a copy-paste and the basic code is: 
<style> table {word-break: break-word} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
... to insert in the expert area of ​​the page, user-defined code, 3rd option: Before closing the /HEAD  tag
... notify in case of difficulties ...

... alternatively, in some cases you can use this code instead of the previous one:
<style> table {width:100% !important;word-break: break-word} </style>

.........

>> https://helpcenter.websitex5.com/it/post/212406
>> https://helpcenter.websitex5.com/it/post/226519
etc.

.

ciao a tutti

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪