Limiter la largeur d'affichage d'un tableau

**hacksi** · 27/06/2008, 15h08

Bonjour

je construis dynamiquement une requête avec un formulaire PHP et j'en affiche de le résultat dans un tableau (le nombre de colonne étant fonction de la requête). Le tableau se trouve dans un "cadre" dans ma page. Le problème c'est qu'à partir d'un certain nombre de colonnes à afficher le tableau sort de son cadre...

Je voudrais donc savoir s'il est possible de résoudre ce problème en essayant par exemple de mettre un ascenseur horizontale dans le cadre du tableau lorsque le tableau est trop large ?

Merci

**dewsz** · 27/06/2008, 16h18

Bonjour,

tu peux utiliser des propriétés css pour délimiter ton tableau:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<table style="width: 800px; overflow: auto">
</table>

**hacksi** · 27/06/2008, 16h31

Tu es sûr que ça fonctionne sur les tableau ? car dans un div ça fonctionne bien mais pas directement sur le tableau...

**dewsz** · 27/06/2008, 17h01

Il suffit d'essayer pour voir. Au pire tu peux encapsuler ton tableau dans un div. Par contre il faut sûrement forcer les ascenseurs avec la propriété overflow.

**hacksi** · 27/06/2008, 17h08

Oui c'est ce que j'ai fait, j'ai encapsulé le tableau dans un div, mais apparemment ça ne fonctionne pas directement sur le tableau.

**dewsz** · 27/06/2008, 17h25

Effectivement il faut l'encapsuler dans un div.

Sinon tu as la propriété "table-layout: fixed" , mais tes colonnes risques de se superposer.

**hacksi** · 27/06/2008, 17h26

OK merci, bah je vais rester avec le div ça fait tout à fait ce que je voulais

.

**Bovino** · 27/06/2008, 19h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<table style="width: 800px; overflow: auto">
</table>

Est tout à fait valable (sauf qu'il est préférable de séparer les styles du contenu)...
Si ça ne fonctionne pas chez toi, c'est que la propriété entre probablement en conflit avec d'autres déclarations...

**dewsz** · 27/06/2008, 22h50

justement on a tous les deux essayer et ça ne fonctionne pas.

La propriété width doit surement définir la taille minimale du tableau.

**Bovino** · 27/06/2008, 23h00

Un lien vers une page test ? Histoire de voir...

**dewsz** · 27/06/2008, 23h21

Ce n'est pas trop dure à créer

**Bovino** · 27/06/2008, 23h31

Oui, mais quand j'en crée ça marche, donc si ça marche pas chez vous, c'est soit parce que nous ne vivons pas dans la même dimension, soit parce que en dehors d'une déclaration <table style="width: 800px; overflow: auto">
</table> il peut y avoir des éléments que je ne vois pas qui perturbent le fonctionnement...