Compressione il CSS consente di proprietà Nascondi riga di una tabella, in modo che gli utenti possono nascondere e mostrare le sezioni della pagina Web. Si utilizza JavaScript per impostare dinamicamente la riga della tabella a crollare quando viene fatto clic su un pulsante. L'effetto del crollo CSS rende più conveniente per nascondere le righe di tabella anziché manualmente scorrendo in ogni riga e nascondere il contenuto singolarmente.

Istruzioni

1

Pulsante destro del mouse il file HTML che contiene il vostro tavolo e seleziona "Apri con". Fare clic su editor HTML nell'elenco dei programmi per caricare il codice nell'editor.

2

Creare il codice JavaScript per comprimere o espandere le righe della tabella. Il codice riportato di seguito viene illustrato come spostarsi tra i due stati:

function Collapse () {
Se (document.getElementById("table").style.visibility = = "collasso") {
document.getElementById("table").style.visibility = "visibile";
} else {
document.getElementById("table").style.visibility = "Chiudi";
}
}

La funzione utilizza il CSS comprime proprietà per comprimere la tabella se la proprietà visibility è visibile. Se la tabella è già compresso, vengono visualizzate le righe della tabella.

3

Collegare la funzione JavaScript al pulsante che consente di comprimere e visualizza le righe della tabella. Il codice riportato di seguito viene illustrato come creare il pulsante per comprimere la tabella:

< tipo input = "button" Value = "Comprimi righe" onclick = "Chiudi" >