Vad är en tabellkolumngrupp?
En tabellkolumngrupp är, som namnet antyder, en grupp celler från flera kolumner. Alla värden i en viss kolumn är relaterade till varandra. En tabellkolumn är värd för ett element som omfattar flera kolumner. Vi använder en '
Exempel
I tabellen över biodata för företagets anställda där 'Namn', 'Ålder' och 'Längd' är registrerade, motsvarar varje blå kolumn en specifik anställd, som visas i följande exempel:
< tabell >
< kolgrupp >
< kol stil = 'bakgrundsfärg: rosa' >
< kol spänna = '3' stil = 'bakgrundsfärg: ljusblå' >
< / kolgrupp >
< tr >
< td > namn < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Ålder < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Höjd < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / tabell >
Följ stegen nedan enligt ovanstående kod:
- Börja med att skapa en tabell och lägg till
märka. - Använd spänna verktygsklass och ange antalet kolumner som ska grupperas.
- Stäng nu kolgruppen med hjälp av märka.
- Mata också in de angivna uppgifterna i tabellraderna med hjälp av
och taggar. - Stäng bordet via märka.
Produktion
Cellernas 'spann' i en tabell i HTML representerar hur många kolumner en enskild cell kan täcka. Den erbjuder samma användning som funktionen 'sammanfoga' celler i Microsoft Excel.
Vad är en tabellradsgrupp?
En tabellradsgrupp är sammanbindningen av flera rader för att skapa en enda grupp. Ett singulär element omfattar flera rader. Det görs via '
'-tagg. Exempel
Följande tabell som visar de anställdas försäljning under en månad kan visas genom att gruppera raden som innehåller månadens namn mot namnen på flera anställda. Sedan kan deras försäljning visas som motsvarar deras namn. Vi har illustrerat samma sak i koden nedan:
< tabell klass = 'våt-boew-zebra' >
< kolgrupp >
< kol >
< kol >
< / kolgrupp >
< kroppen >
< tr >
< th colspan = '9' >MÅNADSFÖRSÄLJNING ( $ ) < / th >
< / tr >
< tr >
< th radspann = '4' > maj 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >John< / th >
< td > 1299 < / td >
< / tr >
< / kroppen >
< kroppen >
< tr >
< th radspann = '4' > juni 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >John< / th >
< td > 1883 < / td >
< / tr >
< / kroppen >
< / tabell >I ovanstående kod:
- Definiera en tabell och lägg till
märka. - Definiera grupperingen av kolumnerna med hjälp av colspan bruksklass.
- På samma sätt definierar du grupperingen av raderna via radspann bruksklass.
- Mata nu in data för försäljningen av alla individer för var och en av de två månaderna.
- Slutligen, stäng bordet med hjälp av märka.
Produktion
Slutsats
De enskilda cellerna i en tabell kan grupperas om ett värde motsvarar flera andra poster. Vi har också observerat att tabellen kan grupperas i termer av antingen kolumner eller rader. Båda dessa har sina egna funktioner och kan användas där det behövs.