August 15
Nascondere una singola colonna in una tabella HTML non è così facile come lo spegnimento una colonna impostandolo a "display: none" in un foglio di stile. La ragione di questo è il modo tabelle vengono create in HTML. Il codice per costruire una tabella in HTML è costituita da righe e cellule, e la prima colonna di una tabella consiste della prima cella di ogni riga. Disattivando una colonna richiede quindi un po 'di JavaScript. È possibile utilizzare jQuery, un framework JavaScript, per nascondere la colonna di una tabella HTML. Questo metodo funziona in tutti i browser.
1 Aggiungere la libreria jQuery per la pagina Web. È possibile copiare e incollare il seguente codice per aggiungere jQuery senza mettere direttamente sul server:
<Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type = "javascript / testo"> </ script>
Questo codice va al di sopra tutte le altre "<script>" tag nella vostra pagina web, sia tra i "<head>" tag o nel piè di pagina della pagina.
2 Aggiungere un nuovo paio di "<script>" tag sotto il vostro riferimento libreria jQuery e scrivere una funzione per verificare quando la pagina termine del caricamento:
<Script type = "javascript / testo">
$ (Function () {
});
</ Script>
3 Scrivere il codice all'interno delle parentesi graffe di "$ (function () {})" per nascondere una colonna della tabella specifica:
. $ ( 'Td: nth-child (1)') nasconde ();
Modificare il numero interno "nth-child ()" per il numero della riga che si desidera nascondere. Si noti che il "nth-child ()" Selettore inizia al numero uno per la prima riga, che differisce da un sacco di codice di programmazione in cui i numeri spesso partono da zero.