Füllen Sie leere HTML-Spalte Tabellen

Question

Ich kann dies mit Server-Seite tun und nur leere Zellen erstellen, aber ich hoffe, es gibt eine CSS/HTML-Lösung zu vereinfachen.

Wenn ich einen unteren Rand auf die tds verwende, sieht es wegen der fehlenden Zellen wackelig. Gibt es eine Lösung dafür mit html/css oder sollte ich es einfach serverseitig machen?

Um zu klären, weiß ich nicht, was die längste Zeile sein wird, bis es ausgegeben wird.

Answer 1

Eine (hacky) Lösung ist colspan="100" auf die letzte <td> jeder Zeile setzen. Obs .: Wenn Sie mehr als 100 Spalten haben könnten, setzen Sie einen höheren Wert.

td { 
 
    border-bottom: 1px solid; 
 
}

<table> 
 
    <tr> 
 
    <td>val 1</td> 
 
    <td colspan="100">val 1</td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="100">val 1</td> 
 
    </tr> 
 
    <tr> 
 
    <td>val 1</td> 
 
    <td>val 1</td> 
 
    <td colspan="100">val 1</td> 
 
    </tr> 
 
    <tr> 
 
    <td>val 1</td> 
 
    <td>val 1</td> 
 
    <td>val 1</td> 
 
    <td>val 1</td> 
 
    <td colspan="100">val 1</td> 
 
    </tr> 
 
</table>

AFAIK alle modernen Browser haben die Kontrolle nicht auf Ihre Seite sprengen und die Spalte richtig erweitern.

Answer 2

Ich habe Ihre Frage nicht wirklich bekommen, aber wenn Sie mit Daten/Schleifen arbeiten wollen oder etwas, das HTML-Elemente nicht formatiert/manuell erstellt, müssen Sie Javascript verwenden. Es klingt nicht wie ein Problem, das auf der Serverseite gelöst werden sollte