Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se C a C++. Zároveň využij akce až 80 % zdarma při nákupu e-learningu - více informací.
c++ week
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
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
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í
+1 bodů
Ř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.