Care este utilizarea grupului de tabel-coloană și a grupului de tabel-rând în CSS

Care Este Utilizarea Grupului De Tabel Coloana Si A Grupului De Tabel Rand In Css



Gruparea în tabele permite utilizatorului să îmbine două sau mai multe celule împreună pentru a prezenta o singură valoare sau o bucată de text care corespunde mai multor intrări anterioare. Gruparea celulelor prezintă o perspectivă curată a tabelului și face întreaga prezentare concisă și accesibilă pentru cititor. Termenul tehnic pentru gruparea celulelor într-un tabel în CSS este „span”. Este de așa natură încât, dacă un anumit rând sau coloană se întinde pe o valoare mai mare decât „1”, este considerat a fi un Tabel-Grup.

Ce este un grup de tabel-coloană?

Un grup de tabel-coloană, după cum sugerează și numele, este un grup de celule din mai multe coloane. Toate valorile dintr-o anumită coloană sunt legate între ele. O coloană de tabel găzduiește un element care cuprinde mai multe coloane. Folosim un „ ” etichetă pentru a grupa coloanele într-un tabel în CSS. Apoi, valoarea span este definită pentru a nota câte coloane va avea grupul.

Exemplu
În tabelul despre biodatele angajaților companiei în care sunt înregistrate „Nume”, „Vârsta” și „Înălțime”, fiecare coloană albastră corespunde unui anumit angajat, demonstrat în următorul exemplu:







< masa >
< colgrup >
< col stil = „culoare de fundal: roz” >
< col span = '3' stil = „culoare de fundal: albastru deschis” >
< / colgrup >
< tr >
< td > Nume < / td >
< td > Mihai < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Vârstă < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Înălţime < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / masa >

Urmați pașii de mai jos conform codului de mai sus:



  • Începeți prin a crea un tabel și adăugați etichetă.
  • Folosește span clasa de utilitate și specificați numărul de coloane care trebuie grupate.
  • Acum, închideți colgroup-ul folosind etichetă.
  • De asemenea, introduceți datele menționate în rândurile tabelului folosind și Etichete.
  • Închideți masa prin intermediul etichetă.

Ieșire



„Intervalul” celulelor dintr-un tabel în HTML reprezintă câte coloane poate acoperi o singură celulă. Oferă aceeași utilizare ca și funcția de „imbinare” celule din Microsoft Excel.





Ce este un grup de rânduri de masă?

Un grup Table-Row este legarea mai multor rânduri pentru a forma un singur grup. Un element singular cuprinde mai multe rânduri. Se realizează prin intermediul „ ' etichetă.

Exemplu
Următorul tabel care prezintă vânzările realizate de angajați într-o lună poate fi afișat prin gruparea rândului care conține numele lunii cu numele mai multor angajați. Apoi, vânzările lor pot fi afișate corespunzătoare numelor lor. Am ilustrat același lucru în codul de mai jos:



< masa clasă = 'zebră-boew-umedă' >
< colgrup >
< col >
< col >
< / colgrup >




< tbody >
< tr >
< th colspan = '9' >Vânzări lunare ( $ ) < / th >
< / tr >
< tr >
< th lungimea rândurilor = '4' > mai 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >Ioan< / th >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th lungimea rândurilor = '4' > iunie 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >Ioan< / th >
< td > 1883 < / td >
< / tr >
< / tbody >
< / masa >

În codul de mai sus:

  • Definiți un tabel și adăugați etichetă.
  • Definiți gruparea coloanelor folosind colspan clasa de utilitate.
  • De asemenea, definiți gruparea rândurilor prin intermediul lungimea rândurilor clasa de utilitate.
  • Acum, introduceți datele pentru vânzările tuturor persoanelor fizice pentru fiecare dintre cele două luni.
  • În cele din urmă, închideți masa folosind etichetă.

Ieșire

Concluzie

Celulele individuale dintr-un tabel pot fi grupate dacă o valoare corespunde mai multor alte intrări. De asemenea, am observat că tabelul poate fi grupat fie în coloane, fie în rânduri. Ambele au propriile lor funcționalități și pot fi folosite oriunde este necesar.