Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254

    riga tabella non visibile con height e anzichè display:none

    Salve a tutti,
    la richiesta in oggetto è semplice ed ha il vincolo:

    devo fare una tabella 3x3 con intestazione. Ovvero:


    HEADER COLSPAN 3
    HEADER HEADER HEADER
    CELL CELL CELL
    CELL CELL CELL


    Ora dato che devo utilizzare un jquery e che quest'ultimo non vuole colspan in cima, la documentazione suggerisce di aggiungere una riga in testa con "no heigth" in modo che non sia visibile.
    Io per rendere non visibile qualcosa ho sempre utilizzato il metodo display:none; ma non va bene in questo caso, devo rendere non visibile la riga utilizzando altezza zero.

    Sapete se questa cosa è fattibile? Sapete dove sbaglio?

    ecco il codice della tabella:

    codice HTML:
    <table id="sample2" width="100%" border="1">
       <tr  style="height :0px;">
        <th>&nbsp;</th><th>&nbsp;</th><th>&nbsp;</th>
       </tr>
       <tr>
        <td colspan="3">header</td>
       </tr>
       <tr>
        <th>header</th><th>header</th><th>header</th>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
      </tr>     
     
    </table>
    Grazie in anticipo.
    Angelo

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Dipende sempre cosa ci devi fare con jquery.

    Chi lo dice che javascript non vuole colspan? Da quando?

    Altrimenti, fai 2 tabelle attaccate dove nella prima inserisci il colspan o quello che vuoi e nella seconda fai la tua tabella con javascript.
    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254
    Nobody ti ringrazio per la risposta ma io ho chiesto: 'come si rende non visibile una riga con altezza nulla invece che display:none.
    Non puoi attenerti alla domanda???

    Comunque si fa così:
    codice HTML:
    <table id="sample2" width="100%" border="1">
       <tr  style="height :0px;">
        <th></th><th></th><th></th>
       </tr>
       <tr>
        <td colspan="3">header</td>
       </tr>
       <tr>
        <th>header</th><th>header</th><th>header</th>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
       </tr>
       <tr>
        <td>cell</td><td>cell</td><td>cell</td>
      </tr>     
     
    </table>
    Poi se ti interessa il plugin jQuery che sto utilizzano è il colResizable.


  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254
    Quote Originariamente inviata da Nobody33 Visualizza il messaggio
    Chi lo dice che javascript non vuole colspan? Da quando?

    Ma poi chi ha parlato di javascript????

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    visibility: hidden;

    oppure:

    opacity: 0;

    p.s.: sbattere la testa non serve a niente.
    Per una bella risata vai QUI

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254
    Quote Originariamente inviata da Nobody33 Visualizza il messaggio
    visibility: hidden;

    oppure:

    opacity: 0;

    p.s.: sbattere la testa non serve a niente.
    E' vero, hai ragione, anche perché non hai mica capito cosa ho chiesto.
    Comunque grazie lo stesso.
    Ciao!

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.