• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Responsywna tabela i porownanie wielkosci th z td

Object Storage Arubacloud
0 głosów
183 wizyt
pytanie zadane 30 stycznia 2017 w HTML i CSS przez Nienormalny_ Początkujący (350 p.)

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

komentarz 1 lutego 2017 przez mitelak Pasjonat (23,330 p.)
Z tego co rozumiem to działa wszystko jak należy xd
http://codepen.io/mitelak/pen/jyzEay
komentarz 1 lutego 2017 przez Nienormalny_ Początkujący (350 p.)
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!

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 124 wizyt
pytanie zadane 23 maja 2017 w PHP przez Zbigniew Andrysiak Bywalec (2,470 p.)
+1 głos
1 odpowiedź 228 wizyt
pytanie zadane 5 marca 2021 w HTML i CSS przez Fonteinbloem Użytkownik (660 p.)
+2 głosów
2 odpowiedzi 188 wizyt
pytanie zadane 26 lipca 2021 w HTML i CSS przez moniawx Nowicjusz (170 p.)

92,761 zapytań

141,685 odpowiedzi

320,483 komentarzy

62,105 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...