Responsywna tabela i porownanie wielkosci th z td

Question

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

Comments

Z tego co rozumiem to działa wszystko jak należy xd
http://codepen.io/mitelak/pen/jyzEay

---

Tak zgadza sie, i to by mialo sens gdyby nie to, ze thead musi byc w display:table; tak jak i body. Poniewaz tbody bedzie skrolowane gdy elementy wewnatrz przekracza np. 400px height. Plus o 10 wiecej th i o 10 wiecej td.

Ale juz sobie poradzilem z tym fantem bez uzycia jquery czy js. Sam css i html.

Dzięki za odpowiedz!