Koja je upotreba grupe tablica-stupac i grupa tablica-redak u CSS-u

Koja Je Upotreba Grupe Tablica Stupac I Grupa Tablica Redak U Css U



Grupiranje u tablice omogućuje korisniku da spoji dvije ili više ćelija kako bi prikazao jednu vrijednost ili dio teksta koji odgovara višestrukim prethodnim unosima. Grupiranje ćelija daje jasan izgled tablice i čini cijelu prezentaciju sažetom i pristupačnom čitatelju. Tehnički izraz za grupiranje ćelija u tablici u CSS-u je 'span'. To je takvo da ako jedan određeni redak ili stupac obuhvaća vrijednost veću od '1', smatra se grupom tablice.

Što je grupa tablica-stupac?

Grupa tablica-stupac, kao što naziv sugerira, je grupa ćelija iz više stupaca. Sve vrijednosti u određenom stupcu povezane su jedna s drugom. Tablica-stupac sadrži element koji obuhvaća više stupaca. Koristimo ' ” za grupiranje stupaca zajedno u tablici u CSS-u. Zatim se definira vrijednost raspona kako bi se zabilježilo koliko će grupa imati stupaca.

Primjer
U tablici o biološkim podacima zaposlenika tvrtke gdje su zabilježeni 'Ime', 'Dob' i 'Visina', svaki plavi stupac odgovara određenom zaposleniku, prikazanom u sljedećem primjeru:







< stol >
< colgroup >
< kol stil = 'boja-pozadine: roza' >
< kol raspon = '3' stil = 'boja-pozadine: svijetloplava' >
< / colgroup >
< tr >
< td > Ime < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Dob < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Visina < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / stol >

Slijedite dolje navedene korake prema gornjem kodu:



  • Započnite stvaranjem tablice i dodajte označiti.
  • Koristiti raspon klasu korisnosti i odredite broj stupaca koji će se zajedno grupirati.
  • Sada zatvorite kolgrupu pomoću označiti.
  • Također, unesite navedene podatke u retke tablice pomoću i oznake.
  • Zatvorite stol putem označiti.

Izlaz



'Raspon' ćelija u tablici u HTML-u predstavlja koliko stupaca jedna ćelija može pokriti. Nudi istu upotrebu kao i funkcija 'spajanja' ćelija u Microsoft Excelu.





Što je grupa redova tablice?

Grupa redaka tablice je povezivanje više redaka u jednu grupu. Pojedinačni element obuhvaća više redaka. To se radi putem ' ” oznaka.

Primjer
Sljedeća tablica koja prikazuje prodaju koju su ostvarili zaposlenici u mjesecu može se prikazati grupiranjem retka koji sadrži naziv mjeseca prema imenima više zaposlenika. Zatim se njihova prodaja može prikazati u skladu s njihovim imenima. Ilustrirali smo isto u donjem kodu:



< stol razreda = 'mokra-boew-zebra' >
< colgroup >
< kol >
< kol >
< / colgroup >




< tijelo >
< tr >
< th colspan = '9' >MJESEČNA RASPRODAJA ( $ ) < / th >
< / tr >
< tr >
< th raspon redova = '4' >svibanj 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Mihael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >Ivan< / th >
< td > 1299 < / td >
< / tr >
< / tijelo >
< tijelo >
< tr >
< th raspon redova = '4' > lipnja 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Mihael< / th >
< td > 1975. godine < / td >
< / tr >
< tr >
< th >Ivan< / th >
< td > 1883. godine < / td >
< / tr >
< / tijelo >
< / stol >

U gore navedenom kodu:

  • Definirajte tablicu i dodajte označiti.
  • Definirajte grupiranje stupaca pomoću colspan klasa korisnosti.
  • Isto tako, definirajte grupiranje redaka putem raspon redova klasa korisnosti.
  • Sada unesite podatke za prodaju svih pojedinaca za svaki od dva mjeseca.
  • Na kraju zatvorite tablicu pomoću označiti.

Izlaz

Zaključak

Pojedinačne ćelije u tablici mogu se grupirati ako jedna vrijednost odgovara više drugih unosa. Također smo primijetili da se tablica može grupirati u smislu stupaca ili redaka. Oba imaju vlastite funkcije i mogu se koristiti gdje god je potrebno.