Newsgroup: it.comp.lang.javascript
Titolo: CSS position per table row

Ciao,
ho gia' postato il presente su it.comp.www, per cui scusate il
crosspost.
Ho una TABLE all'interno di un DIV che simula un frame, per
visualizzare il contenuto dei questa tavola con uno scrollbar laterale:
<html>
        <body>
                <div style="overflow: auto;height:50px;">
                        <table width="100%">
                                <tr>
                                        <td style="color: #FF0000;">
                                                hello
                                        </td>
                                        <td style="color: #FF0000;">
                                                ciao
                                        </td>
                                        <td style="color: #FF0000;">
                                                goodmorning
                                        </td>
                                </tr>
                                <tr>
                                        <td>
                                                hello
                                        </td>
                                        <td >
                                                ciao
                                        </td>
                                        <td>
                                                goodmorning
                                        </td>
                                </tr>
                                <!-- altre righe -->
                        </table>
                </div>
        </body>
</html>
Tuttavia vorrei ottenere l'effetto per cui la prima riga, con i titoli
delle colonne, non scrolli, ma resti fissa rispetto al documento,
facendo si' che, scrollando, le rimanenti righe scivolino sotto la
prima.
Ho tentato con l'attributo CSS position in vari modi nello stile della
prima riga, absolute e relative, ma la riga si posiziona sempre
rispetto al contentore immediatamente superiore nella gerarchia, per
cui alla fine rimane fissa rispetto al DIV e non al document.
Come fareste voi?
TREMALNAIK

 Come fareste voi?
http://beats.daily.it/iclj/table-header-fixed.htm
Non badare al fatto che parla di IE, il codice funziona anche sui browser che
supportano l'overflow sul TBODY (come i browser Gecko ad esempio). All'epoca
la pagina era solo per mostrare come ovviare al mancato supporto di questo su
IE.
-- 
- Voi chi dovreste essere? Una specie di cosmonauti?
- No disinfestatori, hanno visto uno scarafaggio al 12°
- Deve essere grosso questo scarafaggio
- Enorme, stacca le teste a morsi!

 - Enorme, stacca le teste a morsi!
ghostbusters?
TREMALNAIK

 grazie, funziona, ma ti faccio un paio di domande:
[CUT]
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp
-- 
"Emancipate yourselves from mental slavery;
None but ourselves can free our minds"
									    B.M.

 ghostbusters?
Si, ultimamente la mia sign contiene solo citazione di quel film :)
-- 
- Egon, questo mi ricorda quando tentasti di trapanarti il cranio.
- Mi saebbe riuscito se non mi avessi fermato.

 che ti ho dato).
;-) yess
-- 
"E' l' ignoranza che crea l'intolleranza
 di gente cieca e senza coscienza"
									  S.S.S.

 ;-) yess
grazie a entrambi
TREMALNAIK

Con Firefox 1.5 non funziona lo scrolling orizzontale, ossia la testata
non scorre anche lei orizzontalmente e quindi testata e righe sono
disallineate
Io ad esempio per avere una gestione di questo tipo compatibile con
tutti i browser ho accettato dei compromessi.
Ossia ho simulato la barre di scorrimento della tabella tramite
immagini visibili e attive solo nel momento in cui e' possibile
eseguire lo scoll.
alle immagini ho associato una funzione che nasconde/visualizza le
righe..
ad esempio se scrollo in giu, nascondo la prima riga visibile in quel
momento e visualizzo la prima riga nascosta e cosi via (ovviamente la
prima riga visibile e' la seconda della tabella, in quanto la prima
riga contiene la testata)
quindi alla fine simulo un po la funzionalita che necessito, anche se
l'utente non puo' scrollare spostando una barra ma premento le
freccettine della barra..
(sinceramente non ho perso tempo nel simulare anche lo scrolling
tramite barra)
magari e' una idea..
avevo provato anche io a seguire quel tipo di suggerimento sempre di
ZER0 e di altri postati tempo fa.. ma alla fine non arrivavo ad avere
un qualcosa di cross browser e semplice... e quindi sono arrivato a dei
compromessi.... per me accettabili...
ciao

 eseguire lo scoll.
A meno che non sia richiesto da specifiche, il gioco non vale la candela.
Queste simulazioni fanno parte della "vecchia scuola", con tutti i difetti che
ne conseguono.
BTW, quel che hai fatto tu si basa su presupposti diversi da quelli del thread
in questione.
N.B.
Su IE, dato che non si usano impostazioni sul TBODY, ma aggiri la questione
usando le expression, si può benissimo decidere di far scrollare in
orizzontale anche il thead, e tenerlo fisso solo in verticale. Non solo, puoi
anche decidere di tenere bloccata la prima colonna, quando scrolli in
orizzonale.
