Che cos'è un gruppo di colonne di tabelle?
Un gruppo tabella-colonna, come suggerisce il nome, è un gruppo di celle da più colonne. Tutti i valori in una particolare colonna sono correlati tra loro. Una tabella-colonna ospita un elemento che comprende più colonne. Usiamo un '
Esempio
Nella tabella relativa ai dati anagrafici dei dipendenti dell'azienda in cui sono registrati 'Nome', 'Età' e 'Altezza', ogni colonna blu corrisponde a un dipendente specifico, dimostrato nel seguente esempio:
< tavolo >
< colgroup >
< col stile = 'colore di sfondo: rosa' >
< col span = '3' stile = 'colore di sfondo: azzurro' >
< / colgroup >
< tr >
< td > Nome < / td >
< td > Michael < / td >
< td > Giacomo < / td >
< td > Davide < / td >
< / tr >
< tr >
< td > Età < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Altezza < / td >
< td > 173cm < / td >
< td > 184cm < / td >
< td > 188cm < / td >
< / tr >
< / tavolo >
Seguire i passaggi indicati di seguito in base al codice sopra:
- Inizia creando una tabella e aggiungi il file
etichetta. - Usa il span classe di utilità e specificare il numero di colonne da raggruppare.
- Ora chiudi il colgroup usando il file etichetta.
- Inoltre, inserire i dati dichiarati nelle righe della tabella utilizzando il
E tag. - Chiudi il tavolo tramite il etichetta.
Produzione
Lo 'span' di celle in una tabella in HTML rappresenta quante colonne può coprire una singola cella. Offre lo stesso utilizzo della funzione 'unisci' celle in Microsoft Excel.
Che cos'è un gruppo di righe di tabella?
Un gruppo tabella-riga è l'associazione di più righe per creare un singolo gruppo. Un elemento singolare comprende più righe. Si effettua tramite il '
etichetta '. Esempio
La seguente tabella che mostra le vendite effettuate dai dipendenti in un mese può essere visualizzata raggruppando la riga contenente il nome del mese rispetto ai nomi di più dipendenti. Quindi, le loro vendite possono essere mostrate in corrispondenza dei loro nomi. Abbiamo illustrato lo stesso nel codice seguente:
< tavolo classe = 'wet-bow-zebra' >
< colgroup >
< col >
< col >
< / colgroup >
< tbody >
< tr >
< th colspan = '9' > VENDITE MENSILI ( $ ) < / th >
< / tr >
< tr >
< th rowspan = '4' > maggio 2023 < / th >
< th >Giacomo< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Michele< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >Giovanni< / th >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th rowspan = '4' >giugno 2023 < / th >
< th >Giacomo< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Michele< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >Giovanni< / th >
< td > 1883 < / td >
< / tr >
< / tbody >
< / tavolo >Nel codice sopra indicato:
- Definire una tabella e aggiungere il file
etichetta. - Definire il raggruppamento delle colonne utilizzando il colspan classe di utilità.
- Allo stesso modo, definire il raggruppamento delle righe tramite il file rowspan classe di utilità.
- Ora, inserisci i dati per le vendite di tutti gli individui per ciascuno dei due mesi.
- Infine, chiudi la tabella usando il etichetta.
Produzione
Conclusione
Le singole celle in una tabella possono essere raggruppate se un valore corrisponde a più voci. Abbiamo anche osservato che la tabella può essere raggruppata in termini di colonne o righe. Entrambi hanno le proprie funzionalità e possono essere utilizzati ovunque sia necessario.