Wie man td/th-tags mit fester Breite?

Ich versuche eine Tabelle erstellen für eine website, die eine Feste Breite, aber fester Breite fixed-width-td-tags, nicht die gesamte Tabelle mit einer festen Breite. Die Notwendigkeit für dieses ist, weil ich zeigen und verstecken einige der Spalten, die dynamisch mit jQuery, und mit einem jQuery-scrolling plugin zum Blättern der Tabelle wird breiter. Das problem das ich laufen in ist, dass wenn die Breite des td-tags, dass die Tabelle breiter als die div, td-tags beginnen zu schrumpfen, anstatt Beibehaltung Ihrer Breite. So weit, nichts, was ich getan habe, hat die td-tags bleiben die richtige Breite. Sie können sehen, ein jsfiddle, was ich zu tun hier:

http://jsfiddle.net/MxE9A/1/

Wie mache ich td-tags, mit fester Breite, sogar, wenn Sie die Tabelle breiter als die container?

InformationsquelleAutor Code Junkie | 2012-02-18

  1. 5

    können Sie die Verwendung von max-width und min-width in css definieren Sie die minimale und maximale Breite, die Sie wollen, um Ihren td ' s zu erreichen.

    Danke, das hat funktioniert! Ich hatte tatsächlich gesehen, dass die Antwort auf einen anderen post mit dem selben Thema, aber hatte angenommen, dass wenn die Einstellung einer Breite nicht funktioniert, dann die Einstellung eines min-width nicht funktionieren würde. Ich denke, ich bin nicht so vertraut mit Tabellen. Vielen Dank für die Hilfe!
    Für Menschen, die über diese später, können Sie sehen, die Lösung hier: jsfiddle.net/MxE9A/3

    InformationsquelleAutor Foksh

  2. 4

    Haha, also ich habe es nie getan diese Art und Weise um, aber hier ist eine Lösung für Sie. Fügen Sie den folgenden:

    tr {
    font-size: 0px;
    white-space: nowrap;
}
th, td {
    display: inline-block;
}

    Beachten Sie, dass dies nur IE7+ kompatibel, aber man kann tricks anwenden, um es korrekt anzuzeigen, wie inline-block im IE 7.

    Trick ist, um Sie zu display: inline-block so, dass Sie laufen aus dem Ende des Elements (mit white-space: nowrap).

    InformationsquelleAutor Ktash

Schreibe einen Kommentar