Mi a tábla-oszlop csoport és a táblázat-sorcsoport használata a CSS-ben?

Mi A Tabla Oszlop Csoport Es A Tablazat Sorcsoport Hasznalata A Css Ben



A táblázatokban történő csoportosítás lehetővé teszi a felhasználó számára, hogy két vagy több cellát egyesítsen, hogy egyetlen értéket vagy több korábbi bejegyzésnek megfelelő szövegrészt jelenítsen meg. A cellák csoportosítása tiszta képet ad a táblázatról, és az egész bemutatót tömör és hozzáférhetővé teszi az olvasó számára. A CSS-ben egy táblázatban lévő cellák csoportosításának szakkifejezése a „span”. Ez olyan, hogy ha egy adott sor vagy oszlop „1”-nél nagyobb értéket ölel fel, akkor az táblázatcsoportnak minősül.

Mi az a táblázat-oszlop csoport?

A táblázat-oszlop csoport, ahogy a neve is sugallja, több oszlopból álló cellák csoportja. Egy adott oszlopban lévő összes érték összefügg egymással. A táblázatoszlop olyan elemet tartalmaz, amely több oszlopot foglal magában. Mi egy ' ” címke az oszlopok csoportosításához egy táblázatban CSS-ben. Ezután a span érték meghatározásakor meg kell jegyezni, hogy a csoport hány oszlopa lesz.

Példa
A vállalati alkalmazottak életrajzi adatait tartalmazó táblázatban, ahol a „Név”, „Életkor” és „Magasság” szerepel, minden kék oszlop egy adott alkalmazottnak felel meg, a következő példában bemutatva:







< asztal >
< kollégiumi csoport >
< col stílus = 'háttérszín: rózsaszín' >
< col span = '3' stílus = 'háttérszín: világoskék' >
< / kollégiumi csoport >
< tr >
< td > Név < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Kor < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Magasság < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / asztal >

Kövesse az alábbi lépéseket a fenti kódnak megfelelően:



  • Kezdje egy táblázat létrehozásával, és adja hozzá a címke.
  • Használja a span segédprogram osztályt, és adja meg a csoportosítandó oszlopok számát.
  • Most zárja be a kollektív csoportot a címke.
  • Ezenkívül adja meg a megadott adatokat a táblázat soraiban a és címkéket.
  • Zárja be a táblázatot a címke.

Kimenet



A HTML-táblázat celláinak „hossza” azt jelzi, hogy egy cella hány oszlopot fedhet le. Ugyanazt a felhasználást kínálja, mint a Microsoft Excel cellák egyesítése funkciója.





Mi az a táblázatsoros csoport?

A táblázatsorcsoport több sor összerendelése egyetlen csoporttá. Egy egyedi elem több sort foglal magában. Ez a „ ” címke.

Példa
Az alábbi táblázat a munkavállalók egy hónapon belüli eladásait mutatja be, ha a hónap nevét tartalmazó sort több munkavállaló nevéhez csoportosítjuk. Ezután az eladásaik a nevüknek megfelelően megjeleníthetők. Ugyanezt illusztráltuk az alábbi kóddal:



< asztal osztály = 'nedves-boew-zebra' >
< kollégiumi csoport >
< col >
< col >
< / kollégiumi csoport >




< tbody >
< tr >
< th colspan = '9' > HAVI ÉRTÉKESÍTÉS ( $ ) < / th >
< / tr >
< tr >
< th sortávolság = '4' > május 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >János< / th >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th sortávolság = '4' > június 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >János< / th >
< td > 1883 < / td >
< / tr >
< / tbody >
< / asztal >

A fent megadott kódban:

  • Határozzon meg egy táblázatot, és adja hozzá a címke.
  • Határozza meg az oszlopok csoportosítását a segítségével colspan használati osztály.
  • Hasonlóképpen határozza meg a sorok csoportosítását a segítségével sortávolság használati osztály.
  • Most adja meg az összes személy eladási adatait mind a két hónapra vonatkozóan.
  • Végül zárja be a táblázatot a gombbal címke.

Kimenet

Következtetés

A táblázat egyes cellái csoportosíthatók, ha egy érték több másik bejegyzésnek is megfelel. Azt is megfigyeltük, hogy a táblázat oszlopok vagy sorok szerint is csoportosítható. Mindkettőnek megvan a maga funkciója, és bárhol használhatók.