Table that displays the same way on a mobile as the desktop view 
Author: Peter P.
Visited 1751,
Followers 1,
Shared 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.
Posted on the
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
Here you go...
Elastic table in WebSite X5
(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/en/post/212406
>> https://helpcenter.websitex5.com/en/post/226519
etc.
.
ciao a tutti
.