NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Scrollovací tabulka

V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Karel
Člen
Avatar
Karel:30.8.2015 16:11

Ahojte všichni, jsem začátečník s tvorbou webu a potřebuji poradit s Scrollovací tabulkou v PHP souboru. Klasickou tabulku vytvořit umím, ale jak s ní udělat, aby byl první řádek ukotvený a ostatní se rolovaly. Přečetl jsem něco na googlu, ale nejsem z toho moc moudrý. Tabulka ve finále bude mít 365 řádků každý řádek jeden den v roce. Pokud by náhodou ještě mimo rolování šlo nějak přinutit tuto tabulku aby se ve uprostřed zobrazoval (načetl) aktuální den, který zrovna je bylo by to super. Děkuji za pomoc. Karel

<table border="1" cellspacing="0" cellpadding="2">
<tbody>
        <tr>
                <th><a href="#">datum</a></th>
                <th><a href="#">hodnota 1</a></th>
                <th><a href="#">hodnota 2</a></th>
    <th><a href="#">hodnota 3</a></th>
                <th><a href="#">hodnota 4</a></th>
        </tr>
        <tr>
                <td>1.8</td>
                <td>25</td>
                <td>22</td>
    <td>31</td>
                <td>16</td>
        </tr>
        <tr>
                <td>2.8</td>
                <td>25</td>
                <td>22</td>
    <td>31</td>
                <td>16</td>
        </tr>
</tbody>
</table>
</div>
 
Odpovědět
30.8.2015 16:11
Avatar
Karel
Člen
Avatar
Karel:30.8.2015 20:27

podařilo se mi vytvořit následující, ale nemám horní řádek ukotvený a velikost buňěk na výšku je třeba zmenšit na klasickou velikost. Jak to udělat?

<div id="tableContainer" class="tableContainer">
<table width="70%" cellspacing="1" cellpadding="0" border="1" class="scrollTable">
    <thead class="fixedHeader">
        <tr class="alternateRow">
            <th><a href="#">ahoj 1</a></th>
            <th><a href="#">ahoj 2</a></th>
            <th><a href="#">ahoj 3</a></th>
        </tr>
    </thead>
<tbody class="scrollContent">
        <tr class="normalRow">
            <td>kk 1</td>
            <td>kk 2</td>
            <td>kk 3</td>
        </tr>
        <tr class="alternateRow">
            <td>jj 1</td>
            <td>jj 2</td>
            <td>jj 3</td>
        </tr>
        <tr>
          <td>15.8</td>
                <td>25</td>
                <td>22</td>
        </tr>
        <tr>
                <td>16.8</td>
                <td>22</td>
                <td>22</td>
        </tr>
    </tbody>
</table>
</div>
</body>
 
Nahoru Odpovědět
30.8.2015 20:27
Avatar
Martin Konečný (pavelco1998)
Tvůrce
Avatar
Odpovídá na Karel
Martin Konečný (pavelco1998):30.8.2015 20:57

To nastavíš přes atribut height u tagu <td> nebo přes CSS

td {
        height: 10px;   /* třeba */
}
Nahoru Odpovědět
30.8.2015 20:57
Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:30.8.2015 21:03

Pochopil jsem, že chceš mí první řádek ukotvený ...
http://jsfiddle.net/t3Lvvd81/

tak narychlo, ale ber to jen jako příklad, určitě to jde vyřešit pěkněji :)

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
30.8.2015 21:03
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.