• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto tabella con scroll nel tbody

Stato
Discussione chiusa ad ulteriori risposte.

chack1172

Utente Senior
27 Aprile 2013
1.537
40
67
Montenero di Bisaccia
Miglior risposta
1
#1 Autore del topic
Salve ho una tabella lunga 20000px quindi, avendo anche un menu laterale ho deciso che la tabella deve essere lunga tutta lo schermo e poi far scorrere il tbody e non la pagina, ma non ci sono riuscito

Struttura pagina
HTML:
<body>
    <div id="content">
        <div id="form">
            <div id="tab_box" style="width: 80%; float: left">
                <table>
                    <thead>
                        <tr>
                            <th>Titolo tabella</th>
                       </tr>
                       <tr>
                            <th>sottotitolo 1</th>
                            <th>sottotitolo 2</th>
                            <th>sottotitolo 3</th>
                       </tr>
                   </thead>
                   <tbody>
                       <!-- 1000 righe -->
                   </tbody>
               </table>
            </div>
            <div id="menu_box" style="width: 20%; float: left">

            </div>
        </div>
    </div>
</body>
Stile
HTML:
<style>
HTML, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#content {
width: 100%;
height: 100%;
overflow: hidden;
}

#content .form {
width: 100%;
height: 100%;
}

#tab_box {
width: 100%;
height: 100%;
}

#tab_box table {
width: 100%;
height: 100%;
}

#tab_box tbody {
overflow: auto;
}
</style>
 

Matheeus

Amministratore
Amministratore
Redattore
28 Dicembre 2006
3.739
356
124
Aversa
Miglior risposta
0
#3
per ottenere la barra di scorrimento nella tabella, devi assegnargli un height fisso e poi dargli overflow: scroll;
 
Ultima modifica:
Stato
Discussione chiusa ad ulteriori risposte.
Shoutbox
  1. S Santa Elera: Ho un problema con il mio telefonino
  2. S Santa Elera: C'è qualcuno che può aiutarmi?
  3. #KiK #KiK: CAFONE
  4. #KiK #KiK: ma come parla
  5. 404NotFound 404NotFound: figa
  6. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  7. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  8. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  9. Forzaese23 Forzaese23: retro babbo
  10. #KiK #KiK: createlo amikoooo
  11. B bbhojjjj76: fake login habbo ne avete?
  12. N NeroWhite BO: Buonasera
  13. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  14. #Egzon14 #Egzon14: habbo passerà ad unity
  15. #KiK #KiK: ma infatti
  16. #Egzon14 #Egzon14: ancora con sti retro habbo
  17. M mikiamo2012: Qualcuno per creare retro habbo?
  18. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  19. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  20. #Egzon14 #Egzon14: è proprio morto sciax2
  21. #KiK #KiK: Amiciii come statee
  22. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  23. LogR LogR: Cerco tutto lo staff per il mio retroserver
  24. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  25. A AnonymousOwna: Lubex Hotel è online vi aspetto
Top