En el siguiente fragmento de HTML, ¿cómo puedo hacer que el ancho de una columna que contiene "ÚLTIMO" ocupe el resto de la fila, y el ancho de las columnas que contengan "COLUMNA UNO" y "COLUMNA DOS" sea lo suficientemente ancho para contener su contenido? , y no más grande.

Gracias

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>