Jak uczynić ostatnią komórkę rzędu w tabeli zajmują całą pozostałą szerokość
W poniższym fragmencie HTML, jak mogę ustawić szerokość kolumny zawierającej „LAST” na pozostałą część wiersza, a szerokości kolumn zawierających „COLUMN ONE” i „COLUMN TWO” są wystarczająco szerokie, aby zawierać ich zawartość i nie większy.
Dziękuję Ci
table {
border-collapse: collapse;
}
table td {
border: 1px solid black;
}
<table>
<tr>
<td>
<table width="100%">
<tr>
<td>
<span>
COLUMN
</span>
<span>
ONE
</span>
</td>
<td>
COLUMN TWO
</td>
<td>
LAST
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
ANOTHER ROW
</td>
</tr>
</table>