Nascondere una singola colonna in una tabella HTML non è facile come lo spegnimento una colonna impostandolo su "display: none" in un foglio di stile. La ragione di questo è che in formato HTML vengono create le tabelle di modo. Il codice per creare una tabella in HTML è costituito da celle e righe di tabella, e la prima colonna di una tabella è costituito dalla prima cella in ogni riga. Se si disattiva una colonna richiede pertanto alcuni JavaScript. È possibile utilizzare jQuery, un framework JavaScript, per nascondere la colonna di una tabella HTML. Questo metodo funziona in tutti i browser.

Istruzioni

1

Aggiungere la libreria jQuery al vostro Web page. È possibile copiare e incollare il codice seguente per aggiungere jQuery senza metterlo direttamente sul vostro server:

< script src = "l'https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type = "text/javascript" >< / script >

Questo codice va sopra qualsiasi altro tag "< script >" nella tua pagina Web, tra i tag "< head >" o nel piè di pagina.

2

Aggiungere una nuova coppia di tag "< script >" sotto il tuo riferimento alla libreria jQuery e scrivere una funzione per verificare al termine del caricamento della pagina:

< script type = "text/javascript" >
$(function() () {
});
< / script >

3

Scrivere questo codice all'interno delle parentesi graffe di "{$(function()})" per nascondere una colonna di tabella specifica:

$('td:nth-child(1)').hide();

Modificare il numero all'interno di "nth-child()" il numero della riga che si desidera nascondere. Si noti che il selettore "nth-child()" inizia al numero uno per la prima riga, che differisce da un sacco di codice di programmazione dove numeri spesso partono da zero.