Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    nascondere una tabella se è vuota

    come posso nascondere una tabella se è vuota? in modo che al click di un link si nasconda nel layout quando non c'è niente dentro
    empty?

  2. #2
    Moderatore di Annunci siti web L'avatar di Cesar
    Registrato dal
    Dec 2001
    Messaggi
    3,446
    Usando javascript?

  3. #3
    tipo questo

    div#hide {
    display: none;
    }



    $(function(){
    $('#click').click(function(){

    if( $('#hide').css('display') == 'block' )
    $('#hide').css('display','none');
    else
    $('#hide').css('display','block');

    return false;
    });
    });

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Se la tabella la carichi dinamicamente dal server (es. da php) falla nascondere direttamente da quest'ultimo
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da cavicchiandrea
    Se la tabella la carichi dinamicamente dal server (es. da php) falla nascondere direttamente da quest'ultimo
    e se effettivamente fosse vuota (ovvero se dentro <table> non c'è nulla) non dovrebbe nemmeno essere visibile
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da fcaldera
    e se effettivamente fosse vuota (ovvero se dentro <table> non c'è nulla) non dovrebbe nemmeno essere visibile
    Vero, probabilmente a una colonna/riga con intestazione ma senza dati nelle celle vorrà nascondere tutto
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    <script type="text/javascript">
    $(function(){
    $('button.hide').click(function(){
    $('tr').each(function(){
    $('td:empty').remove();
    })
    });
    });
    </script>

    <table>
    <thead>
    <tr>
    <th>
    1
    </th>
    <th>
    2
    </th>
    <th>
    3
    </th>
    </tr>
    </thead>
    <tr>
    <td class="test">test1</td>
    <td class="test">test2</td>
    <td class="test">test3</td>
    </tr>
    <tr>
    <td class="test"></td>
    <td class="test"></td>
    <td class="test"></td>
    </tr>
    </table>
    <button class="hide">Nascondi Tabella</button>

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.