Empêcher le redimensionnement de la table

Question

Je travaille sur une page Web où j'ai une table générée dynamiquement où certaines colonnes doivent être de largeur variable (dimensionnement au texte) et certaines colonnes doivent toujours avoir une largeur spécifique. Cependant, la table est à l'intérieur d'un div contenant, et firefox redimensionne la table de sorte qu'elle reste dans les limites de la div. Le problème est, il redimensionne les colonnes qui doivent rester une largeur spécifique.

Existe-t-il un moyen de forcer ces colonnes à rester de la même taille, forçant ainsi la table à déborder de la div? La div a un débordement: auto, ce qui vous permet de toujours voir la table, et c'est l'effet que j'essaye d'atteindre.

Merci.

Answer 1

Vous pouvez essayer de le styler avec overflow: visible; Vous pouvez également essayer de le faire flotter, mais cela ouvre toute une autre boîte de vers que vous ne voulez probablement pas.

Answer 2

J'ai plusieurs rencontres avec ce problème, je ne pouvais pas trouver un meilleur moyen d'avoir ce que je veux afficher pour être affiché/aligné à mes besoins. Surtout pour la largeur des colonnes avec du texte dynamique.

Au lieu de l'attaquer frontalement, j'utilise une autre approche. J'ai essayé de limiter le nombre de caractères (variable-wdith encore un problème, besoin de modifier) ​​pour être affiché sur une colonne de largeur fixe. Je vais ensuite ajouter une info-bulle (via l'attribut title ou les plug-ins tooltip) lorsque vous passez la souris sur ce texte tronqué.

Ceci n'est pas une réponse directe à vos besoins, offrant juste une autre alternative.