Responsywna tabela i porownanie wielkosci th z td

Witam, od kilku dni borykam się z pewnym problemem dotyczącym tabeli.

Do rzeczy:

<table>
<thead>
<tr>
<th rowspan="2"> test1</th>
<th colspan="2">test2</th>
</tr>
<tr>
<th>test3</th>
<th>test4</th>
</tr>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>

To jest przykladowy kod tabeli, ktora chcialbym ogarnac.

Przez slowo ogarnac chcialbym powiedziec aby wymiary w thead byly takie same jak w tbody. Bardziej mam tu na mysli:

Test1 = 1

Test3 i 4 = 2 i 3.

Potrzebowalbym to zrobic z funkcja window.on('resize')

Co prawda tabela jest bardziej skomplikowana niz w przykladzie ale mam nadzieje, ze rozumiecie o co mi chodzi. Poniewaz to jest moj mankament od kilku dni i nie wiem do kogo sie zwrocic to pisze tutaj. Bardzo bede wdzieczny za pomoc.

Pozdrawiam Dawid