Autor Zpráva
Majkelju
Profil
Zdravím! Po googlení nefungujících řešení jsem opět tady :) Lze pomocí PHP/CSS vytvořit tabulku, kterou bude možné rolovat ale zároveň bude mít pevnou pozici hlavičky, takže ta bude pořád vidět? Vím, jak udělám rolování, ale nastavit fixní pozici hlavičky tak, aby se mi kompletně nerozhodila, se mi nedaří. Může někdo pomoct? Vím, že jde udělat pěkná taková tabulka pomocí jQuery, ale s tím se mi nechce rozčilovat, protože v tom skoro neumím :)
Draffix
Profil *
Mrkni třeba zde, pokud je to co potřebuješ. Pak se můžeš mrknout na zdrojový kód a nechat se inspirovat. Jinak stačí do google napsat "table with fixed header php" a najít si nějaké řešení
Majkelju
Profil
Draffix:
Díky, mrknu na to, něco takovýho jsem našel a neviděl jsem nikde zdroják, nenapadlo mě, že to musím rozkliknout takhle :) Jinak ostatní řešení, co jsem našel, mi nefungovaly, i když vypadala triviálně.
panther
Profil
Majkelju:
Jinak ostatní řešení, co jsem našel, mi nefungovaly, i když vypadala triviálně.
a na nejake demo strance ta reseni fungovala? Pokud ano, jen jsi postup spatne implementoval do sveho kodu a stacilo se podelit o odkaz na nefungujici kod spolecne s odkazem na fungujici kod.

Jinak k [#1]: je blbost na toho tahat jQuery. Je to uloha pro CSS.

Majkelju, Draffix:
Nevim, proc jste se oba chytli toho, ze to nutne souvisi s PHP a CSS. Pokud CSS s necim souvisi, pak jedine s HTML, ktere je jim stylovano. To jen poznamka na okraj.
Draffix
Profil
panther:
To mě ani nenapadlo, jednal jsem automaticky na dotaz a ani nepřemýšlel že to nemá s php nic společného :-D

Majkelju:
Jinak pokud ti to stále nepojede, tak sem můžeš hodit svůj kód a pak můžeme přejít k tomu jak to dále řešit, resp. to správně implementovat
Majkelju
Profil
Pořád to nějak nejede...v tom příkladu je šíleně moc stylování a úplně se v tom ztrácím.... zkoušel jsem přidat jen to, co vypadá relevantně, ale vždycky to jen úplně tabulku rozhodilo.....Tady je můj kód:

$odd=true;    
echo '<div style="overflow:auto; height:600px; border:2px solid black; border-radius:5px">
            <table style="width:100%; border-collapse:collapse">
                              <thead>';
                           echo '<tr style=" height:25px; text-align:left; background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1               49%,#dbdbdb 50%,#b7b7b7 100%);"><th/><th/><th style="width:100px;">Značka</th><th>Název</th><th>mj</th></tr> 
                              </thead>
                              <tbody>';

        while($row = $result->fetch_assoc()){
            $jednotka = $row['k_mj'];
            $result2 = $db->query("SELECT `znacka` FROM `mj` WHERE `id`=$jednotka");
            $row2 = $result2->fetch_assoc();
            if($odd) echo '<tr style="background:#e5ebef">
                        <td><a href="?str=0&str2=0&idZatrideni='.$row['id'].'"><img src="../obrazky/stavby/Continue2.png"></a></td>
                        <td><a href="?str=0&str2=0&edit&IdZatrideni='.$row['id'].'"><img src="../obrazky/stavby/Actions-document-edit-icon3.png" height=17></a></td>            
                        <td>'.$row['znacka'].'</td><td>'.$row['nazev'].'</td>
                        <td>'.$row2['znacka'].'</td>
                     </tr>';
            else echo '<tr style="background:#ffffff">
                        <td><a href="?str=0&str2=0&idZatrideni='.$row['id'].'"><img src="../obrazky/stavby/Continue2.png"></a></td>
                        <td><a href="?str=0&str2=0&edit&IdZatrideni='.$row['id'].'"><img src="../obrazky/stavby/Actions-document-edit-icon3.png" height=17></a></td>    
                        <td>'.$row['znacka'].'</td><td>'.$row['nazev'].'</td>
                        <td>'.$row2['znacka'].'</td>
                     </tr>';
            $poc++;
            $odd=!$odd;
        }
        
        echo '</tbody></table></div>';

Takhle mi to jen roluje celou tabulkou. A jen pro jistotu: Pod tím příkladem, co na něj Draffix posílal link, není Chrome v seznamu prohlížečů, co to podporují. Je to jen tím, že ta stránka je zastaralá?
Majkelju
Profil
Už to konečně jede, šlo o to, osekat některé nepotřebné bloky z toho kódu na demo stránce...Zůstaly mi tam 3 bloky xD Ale než jsem se v tý záplavě css vyznal, to byl očistec.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0