Como fazer a última célula de uma linha em uma tabela ocupar toda a largura restante
No fragmento HTML abaixo, como posso fazer com que a largura de uma coluna que contém "LAST" ocupe o restante da linha, e as larguras das colunas que contêm "COLUMN ONE" e "COLUMN TWO" sejam grandes o suficiente para conter o conteúdo delas e não maior.
Obrigado
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>