Wie Sie eine HTML-Tabelle Spalte ausblenden

Ausblenden einer einzelnen Spalte in einer HTML-Tabelle ist nicht so einfach wie eine Spalte ausschalten, indem sie auf "anzeigen: keine" in einem Stylesheet. Der Grund dafür ist, dass die Art und Weise-Tabellen im HTML-Format erstellt werden. Der Code zum Erstellen einer Tabelle in HTML besteht aus Zeilen und Zellen, und die erste Spalte in einer Tabelle besteht aus der ersten Zelle in jeder Zeile. Durch das Deaktivieren einer Spalte erfordert daher einige JavaScript. JQuery, JavaScript-Framework, können Sie eine HTML-Tabelle Spalte ausblenden. Diese Methode funktioniert in allen Browsern.

Anweisungen

1 Ihre Web-Seite die jQuery-Bibliothek hinzufügen. Sie können kopieren und fügen Sie den folgenden Code um jQuery hinzuzufügen, ohne dass es direkt auf dem Server:

< script Src = "als https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" Type = "Javascript/Text" >< / script >

Dieser Code geht über alle anderen "< >" Skripttags in Ihrer Web-Seite, zwischen der "< Head >"-Tags oder in der Fußzeile.

2 Fügen Sie ein neues Paar "< >" Skripttags unten Ihre jQuery-Bibliothek-Referenz und schreiben Sie eine Funktion zu prüfen, wenn die Seite vollständig geladen wurde:

< Skript-Typ = "Javascript/Text" >{$(function()}});< / script >

3 Schreiben Sie diesen Code innerhalb der geschweiften Klammern "{$(function()})" eine bestimmte Tabellenspalte ausblenden:

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

Ändern Sie die Anzahl im Inneren "nth-child()" auf die Nummer der Zeile, die Sie ausblenden möchten. Beachten Sie, dass der Selektor "nth-child()" an die Nummer eins für die erste Zeile beginnt viel Programmcode anders wo Zahlen oft bei Null anfangen.