Wie kann ich Spalten unter colspan
der gleichen Breite machen?Gleiche Spaltenbreite unter colspan
Ich habe Tabellenkopf wie im Beispiel.
<html>
<head>
<style>td {border: solid 1px black;}</style>
</head>
<body>
<table style="width: 100%;border-collapse: collapse;">
<tr>
<td rowspan="2">Some header columns or even several(big or small)</td>
<td colspan="4">pre-defined number of undercolumns</td>
</tr>
<tr>
<td>1</td><td>11</td><td>111</td><td>1111</td>
</tr>
<tr>
<td>data_row</td><td>4444</td><td>333</td><td>22</td><td>1</td>
</tr>
</table>
</body>
</html>
Ich habe eine jsFiddle geschaffen, dies zeigt.
Möglicherweise könnte die Anzahl der Spalten (um die gleiche Breite zu machen) unterschiedlich sein. Das Ändern der table-layout
zu fixed
ist keine Lösung in meinem Fall wegen der Existenz anderer Spalten. Ich kann sie nicht mit fester Breite machen, da ich mich nicht sicher bin, wie lang die Daten sind. Ich kann sie auch nicht mit Prozent Breite tun, da es Prozent aller Tabellen ist, aber nicht Spaltengruppe.
Ich habe immer noch keine richtige Lösung, aber nächste Problemumgehung: Ich habe nur "min-width" auf Spaltenüberschriften als größte von ihnen (in meinem Fall ist es möglich). –