Avatar
Karel
Člen
Avatar
Karel:

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:

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
Odpovídá na Karel
Martin Konečný (pavelco1998):

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
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:

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
Člověk může dosáhnout čeho si zamane. Jen musí chtít, případně něco obětovat ...
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.