table-layout: fixed ignore la min-largeur de td
J'ai un projet qui nécessite un tableau qui inclut à la fois à largeur fixe et flexible de la largeur des colonnes.
Certaines colonnes doivent être 80px dans la largeur de toujours, quelle que soit la largeur du navigateur.
Le reste des colonnes doivent être d'une largeur flexible, mais tous être de la même largeur, avec un min-width de 75px;
Par ajout d'une table-layout:fixed; à la table, je suis en mesure d'obtenir le flexible de la largeur de cols à tous les mêmes largeurs, MAIS alors le tableau ignore la banque td min-largeur de l'attribut.
Si je supprime la table-layout:fixe, le min-width fonctionne, mais le flexible de la largeur de cols, tous ont des largeurs différentes (en fonction de la longueur du texte qu'ils contiennent).
Le nombre de colonnes varie en fonction des données extraites de la base de données.
J'ai mis un exemple de table avec table-layout:fixe et min-width sur jsfiddle: http://jsfiddle.net/7d2Uj/
Toutes les idées comment obtenir min-largeur de travail dans cette situation, ou pourquoi cela se produit?
source d'informationauteur salonMonsters
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin pour être à l'aide de
width
pasmin-width
fixe la largeur des colonnes, et vous devez définir la largeur des colonnes restantes à un pourcentage basé sur le nombre de colonnes. Dans votre cas, vous avez eu 6 colonnes, donc je l'ai mis à16.66%
.De travail exemple: http://jsfiddle.net/6vw66/
Ma solution était de presser le tableau où les colonnes près de chevauchement, de vérifier la largeur de la table à ce moment, et définissez le min-largeur de la
<table>
élément lui-même à cette valeur. Cette technique est également utile si vous avez à disposition fixe avec une colonne extensible parce que sinon l'élargissement de la colonne de disparaître complètement de la fenêtre se rétrécit.Ex: http://jsfiddle.net/KTCfs/