Ustaw <div> jako wypełnienie jego macierzystej wysokości <td>, bez określania wysokości w <td>

Wiem, że jest podobne pytanietutaj, ale to nie działa w moim przypadku.

<table class="Layout">
    <tbody>
        <tr>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
            <td><div class="Key">HEY</div></td>
        </tr>
    </tbody>
</table>

Jak mogę zrobić mójdiv.Key elementy mają taką samą wysokość jak ich rodzic<td> bez określania wysokości<td> elementy ?

Moja tabela zmieni się dynamicznie (dodając i usuwając kolumny i wiersze), więc nie mogę wymusić<td> element do wielkości bezwzględnej, a także chciałbym, aby nie trzeba było obliczać i podawać im względnego rozmiaru za każdym razem, gdy modyfikuję tabelę. The.Layout rozmiar tabeli również zmienia się dynamicznie i zawsze będzie wartością bezwzględną. (Z jakichś powodów chciałbym również nie używać wiersza / colspanu w przypadku, gdy ktoś to sugeruje).

Dowolny pomysł?

questionAnswers(1)

yourAnswerToTheQuestion