Oznámení
thead u tabulky
před 12 lety
- noname
- Člen | 28
nešlo by nějak zařídit, aby když udělám tabulce hlavičku, aby byla v thead sekci? bez toho se to nedá moc stylovat. A vůbec by to chtělo nějaký komplexnější případ tabulek – jestli jde třeba nastavit col/colgroup, caption atd.
před 12 lety
- David Grudl
- Nette Core | 6806
Texy <col> a <colgroup> nijak nepodporuje (je to k něčemu
dobré?), ale například zarovnat určité
sloupce v tabulce lze. <caption> se zapisuje podobně jako obyčejný
titulek, jen ze znakem tabulky |
na začátku (ukázka). A nakonec <thead> a
<tbody> – to je dobrý nápad, doplním je. Snad to nikomu nezpůsobí
komplikace.
před 12 lety
- noname
- Člen | 28
přes col se dají zarovnávat sloupce taky a to tak aby to fungovalo ve všech prohlížečích, jen se to musí umět ;)
rozhodně velmi hloupý je ten způsob dávat tam style=„text-align:right“ – už proto, že tím zápisem do hlavičkové sekce tak tento zápis dáváš i do toho vlastního TH. Typická situace je ale ta, že top head sekce tabulky je zarovnaná jedním směrem (typicky doprostřed) a ne podle toho jak jsou zarovnané buňky v příslušném sloupci. Když by sis tu tabulku v ukázce roztáhl na 100% a přidal třetí sloupec zarovnaný vlevo, tak uvidíš jak je to ošklivé.
kdyby to alespoň dělalo class=„right“ (třeba), tak potom mohu
udělat
.right {text-align: right;}
th, th.right {text-align: center}
a právě k tomu je dobrá thead sekce, protože mohu udělat
th {text-align: right}
thead th {text-align:center}
a levé záhlaví budu mít doprava a horní doprostřed, jako každá správná
tabulka
každopádně ale díky moc za nápovědu a za skvělé texy
před 12 lety
- David Grudl
- Nette Core | 6806
Přes <col> lze nastavit pouze čtyři CSS vlastnosti, zarovnání mezi nimi bohužel není. Proto nezbývá, než opakovat pro každý sloupec společný styl nebo třídu.
Zarovnávám taky raději třídou, ale faktem je, že bych měl
do konfigurace Texy doplnit zástupné třídy pro zarovnávací modifikátory,
jako je tomu třeba u obrázků ($leftClass, $rightClass), takže by bylo
možné používat rovnou značky <
, >
atd. To
tam přidám (jako vlastnost $alignClasses)
každopádně ale díky moc za nápovědu a za skvělé texy
You're welcome ;)
před 12 lety
- David Grudl
- Nette Core | 6806
Díval jsem se, že na webu http://rcb.cz/vypis.php?… je zarovnání sloupců řešeno přes konstrukci
#vypis_table tbody td:first-child + td + td + td
Použití colgroup je zřejmě jen hack pro IE < 7.