Slik skjuler en HTML-tabell kolonne
Skjule en enkelt kolonne i en HTML-tabell er ikke så lett som å slå av en kolonne ved å sette den til "display: none" i et stilark. Grunnen til dette er måten tabeller er laget i HTML. Koden for å konstruere et bord i HTML består av tabellrader og celler, og den første kolonne i en tabell består av den første celle i hver rekke. Slå av en kolonne krever derfor litt Javascript. Du kan bruke jQuery, en Javascript-rammeverk, for å skjule en HTML-tabellens kolonne. Denne metoden fungerer i alle nettlesere.
Bruksanvisning
1 Tilsett jQuery biblioteket til websiden. Du kan kopiere og lime inn følgende kode for å legge til jQuery uten å sette den direkte på serveren din:
<Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type = "javascript / tekst"> </ script>
Denne koden går over noen andre "<script>" koder i websiden, enten mellom "<head>" koder eller i sidens bunnteksten.
2 Legg et par nye "<script>" tags under ditt jQuery biblioteket referanse og skrive en funksjon for å se etter når siden er ferdig lasting:
<Script type = "javascript / tekst">
$ (Funksjon () {
});
</ Script>
3 Skriv inn denne koden inne i klammeparentes av "$ (function () {})" for å skjule en bestemt kolonne i tabellen:
. $ ( 'Td: n'te barn (1)') skjule ();
Endre antall innsiden "n'te barn ()" til nummeret på raden du ønsker å skjule. Merk at "n'te-barn ()" velger starter på nummer én for den første raden, som skiller seg fra mange av programmeringskode hvor tallene ofte starter på null.