Verschiedene td-breiten in verschiedenen Zeilen in Tabellen?

Schnell-Frage: wie kann das erreicht werden? (siehe Bild unten)

Verschiedene td-breiten in verschiedenen Zeilen in Tabellen?

Einstellung td Breite Stand in einfachem html und css keine Wirkung hatte.

Den td Breite KANN variieren, aber nur mit der gleichen Breite für jede Zeile.

Obligatorisch Kommentar: Wenn Sie diese Art von layout, es ist wahrscheinlich nicht Daten, auf die in einer Tabelle vorhanden sein, sollte aber eher die div.
Was ist der Zweck dieses? Tabelle ist für tabellarische Daten, und ich kann mir vorstellen dass es schwer werden würde zu Lesen, tabellarische Daten in eine Tabelle, so sieht es aus. Könnte ich schlage vor, Sie schauen in einige andere Elemente? <span>s, vielleicht?
Benötigt für das styling eine sehr große form.
Hier ist die Antwort stackoverflow.com/questions/5938099/...

InformationsquelleAutor iceteea | 2011-12-01

  1. 17

    Verwenden Sie drei separate <table> - Blöcke, jeder mit einer einzelnen Zeile mit drei Spalten unterschiedlicher breiten.

    InformationsquelleAutor Chris Fulstow

  2. 6

    Glaube ich nicht, kann es in einer Tabelle ganz einfach.

    Stattdessen müssen Sie das colspan-Attribut zu überlappen Zellen in verschiedenen Zeilen.

    Zum Beispiel, verwenden Sie 6 Spalten, die erste Zeile haben, colspan = 2 , td, colspan = 2

    Der zweiten Reihe haben wird, td, td colspan=2, td und so weiter.

    Es ist ziemlich chaotisch - möchten Sie vielleicht zu prüfen, die Anzeige Ihrer Daten in einer anderen Weise, zum Beispiel mit DIVs

    Divs war mein Erster Gedanke, aber ich brauche diese Tabelle für das styling eine riesige Gestalt, mit divs wäre auch so chaotisch wie die Verwendung der monstreus code oben.
    Danke. Das ist eine gute Lösung.

    InformationsquelleAutor dash

  3. 4

    Es eine Menge zu sehen, aber du brauchst eine übergeordnete Tabelle mit drei Zeilen, wobei jede Zeile enthält eine weitere Tabelle mit drei Spalten:

    <table>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

    Hier eine funktionierende jsFiddle zu veranschaulichen.

    InformationsquelleAutor James Hill

  4. 3

    Ist es eigentlich möglich ohne diese sub-tabling. Ich habe dies als einen Fehler in meinem layout jetzt. Versuchen Sie einfach, um das Spiel mit Leerstellen und Margen innerhalb der Zellen 🙁

    "Bug", arbeitet konsequent in verschiedenen Browsern.

    Bearbeiten:
    Gejagt.

    td { display: block; }

    Tun Sie es nicht zu Hause.

    Diese Antwort könnte etwas ernstes Klärung. heißt das, dass display:block dein problem gelöst? Was macht gejagt, die eine bedeuten? Mehr Klarheit, weniger geschickt bitte.

    InformationsquelleAutor Piotr Maślanka

  5. 2

    nehmen Sie 1 Haupt-Tabelle mit 3 tr und in jedem tr nehmen Sie eine andere sub-Tabelle mit 3 Spalten als css anzuwenden

    InformationsquelleAutor Sonal Khunt

Schreibe einen Kommentar