Limiter la largeur d'affichage d'un tableau

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

Bonjour,

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

Code:

---

1 2 3

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

---

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

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.

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.

Effectivement il faut l'encapsuler dans un div.

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

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

Code:

---

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...

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.

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

Ce n'est pas trop dure à créer :roll:

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...

Par exemple tu peux essayer le fichier joint. Chez moi sur firefox 3 la tableau grandit d'autant que ses colonnes s'allongent.

Donc au final quel est le verdict lol ? Moi je suis toujours avec le div et ça fonctionne.