WebSite X5Help Center

 
Rehan Athar
Rehan Athar
User

Extend Table Object  en

Auteur : Rehan Athar
Visité 692, Followers 1, Partagé 0  

Hi,

   I am creating a table with text and picture on Website X5 Pro, which I would like to extend up to the border of the web page. Like other obkect (example) TextBox.. Table object is not extending though I am getting this feature.

Please advise

Posté le
4 RéPONSES - 1 UTILES
Esahc ..
Esahc ..
Moderator

Rehan, tables are a fixed width (based on page width), they do not extend and they will not shrink for lesser resolutions unless you choose to use 3rd party code eg https://helpcenter.websitex5.com/fr/post/245588

In my opinion it is easier (better) to emulate the table by using the page layout, and whilst you cannot extend when you have multiple objects across the screen, you can set extra breakpoints in the pro edition in step 2 up to 1939px

You will then have absolute control of the layout at various resolutions.

Lire plus
Posté le de Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... (It > En) ... it would be better to think about it in the project phase, as Esahc ..  indicated, ... but once things have already been done, we need to post the LINK to be able to evaluate any EXTRA code, ... which, if it were possible, would be nothing special transcendental...
> ... simple, elastic table, as per my code in the Esahc .. LINK...
> ... responsive table, more demanding, here: https://quellidelcucuzzolo.blogspot.com/2015/12/tabella-responsive-website-x5-12.html

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hello,

Does not works by this way ?!

And to get it via an "elastic" effect you can add this CSS code into page properties.

<style>

table {
word-break: break-word;
}
</style>
<script>
  $( document ).ready(function() {
  $("table").css("width", "");
 });
</script>

Axel

Lire plus
Posté le de Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... it's always my code, already correctly suggested by Esahc .. wink

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪