Kaj je skupina tabela-stolpec?
Skupina tabela-stolpec, kot že ime pove, je skupina celic iz več stolpcev. Vse vrednosti v določenem stolpcu so med seboj povezane. Tabela-stolpec gosti element, ki obsega več stolpcev. Uporabljamo '
Primer
V tabeli o bioloških podatkih zaposlenih v podjetju, kjer so zabeleženi »Ime«, »Starost« in »Višina«, vsak modri stolpec ustreza določenemu zaposlenemu, kar je prikazano v naslednjem primeru:
< tabela >
< colgroup >
< kol stil = 'barva ozadja: roza' >
< kol razpon = '3' stil = 'barva-ozadje: svetlomodra' >
< / colgroup >
< tr >
< td > Ime < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > starost < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Višina < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / tabela >
Sledite spodnjim korakom v skladu z zgornjo kodo:
- Začnite z ustvarjanjem tabele in dodajte
oznaka. - Uporabi razpon utility class in določite število stolpcev, ki jih želite združiti.
- Zdaj zaprite colgroup z uporabo oznaka.
- Prav tako vnesite navedene podatke v vrstice tabele z uporabo
in oznake. - Zaprite tabelo prek oznaka.
Izhod
'Razpon' celic v tabeli v HTML predstavlja, koliko stolpcev lahko pokrije posamezna celica. Ponuja enako uporabo kot funkcija »združi« celice v programu Microsoft Excel.
Kaj je skupina vrstic tabele?
Skupina tabela-vrstica je povezava več vrstic v eno skupino. En sam element obsega več vrstic. Izvaja se prek '
' oznaka. Primer
Naslednjo tabelo, ki prikazuje prodajo zaposlenih v enem mesecu, lahko prikažete tako, da vrstico, ki vsebuje ime meseca, združite v skupine z imeni več zaposlenih. Nato je njihova prodaja lahko prikazana v skladu z njihovimi imeni. Enako smo prikazali v spodnji kodi:
< tabela razred = 'wet-boew-zebra' >
< colgroup >
< kol >
< kol >
< / colgroup >
< tbody >
< tr >
< th colspan = '9' >MESEČNA PRODAJA ( $ ) < / th >
< / tr >
< tr >
< th razpon vrstic = '4' > maj 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Mihael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >Janez< / th >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th razpon vrstic = '4' > junij 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Mihael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >Janez< / th >
< td > 1883 < / td >
< / tr >
< / tbody >
< / tabela >V zgoraj navedeni kodi:
- Določite tabelo in dodajte
oznaka. - Določite združevanje stolpcev z uporabo colspan razred uporabnosti.
- Podobno določite združevanje vrstic prek razpon vrstic razred uporabnosti.
- Zdaj vnesite podatke za prodajo vseh posameznikov za vsakega od dveh mesecev.
- Nazadnje zaprite tabelo z oznaka.
Izhod
Zaključek
Posamezne celice v tabeli je mogoče združiti, če ena vrednost ustreza več drugim vnosom. Opazili smo tudi, da je tabelo mogoče združiti glede na stolpce ali vrstice. Oba imata lastne funkcionalnosti in ju je mogoče uporabiti kjer koli je to potrebno.