Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    90

    Fixed header in table liquid

    Salve a tutti ragazzi,
    Avevo iniziato una discussione nella sezione CSS, ma si è scoperto che con questi è impossibile.
    Vorrei quindi chiedere se qualcuno conosce in javascript e a questo punto anche con JQuery un modo per tenere ferma la prima riga di una tabella in modo tale che quando si scorre la pagina rimanga ferma.
    Un esempio l'ho fatto LINK , usando due tabelle separate e quella in alto ho assegnato position:fixed. Il problema è che il sito dovrebbe essere per mobile e quindi le colonne delle due diverse tabelle assumono dimensioni differenti a seconda del loro contenuto data la dimensione della risoluzione.

  2. #2
    dovrebbe essere sufficiente assegnare alle colonne una larghezza percentuale fissa.
    codice:
    <table  border="1" cellpadding="0" cellspacing="0"  class="titolo"  >
    	<tr class="titlebg">
    		<td  class="tdcodice" align="center" width="20%">Codice</td>
    		<td  class="tdnome"align="center" width="60%">Nome Prodotto</td>
    		<td  class="tdgiac"align="center" width="20%">Q.tà</td>
    	</tr>
    </table>
    idem per la tabella seguente

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    90
    E' quello che ho fatto ora mettendo layout-value:fixed , ma in questo modo la tabella non assume il MIOGLIORE stile

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Il crossposting e' vietato.
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.