Kā CSS izmanto tabulu kolonnu grupu un tabulu rindu grupu

Ka Css Izmanto Tabulu Kolonnu Grupu Un Tabulu Rindu Grupu



Grupēšana tabulās ļauj lietotājam apvienot divas vai vairākas šūnas, lai parādītu vienu vērtību vai teksta daļu, kas atbilst vairākiem iepriekšējiem ierakstiem. Šūnu grupēšana nodrošina tīru tabulas skatījumu un padara visu prezentāciju kodolīgu un pieejamu lasītājam. Tehniskais termins šūnu grupēšanai tabulā CSS ir “span”. Tas ir tāds, ka, ja viena noteikta rinda vai kolonna aptver vērtību, kas lielāka par “1”, tā tiek uzskatīta par tabulu grupu.

Kas ir tabulas-kolonnu grupa?

Tabulas kolonnu grupa, kā norāda nosaukums, ir šūnu grupa no vairākām kolonnām. Visas vērtības noteiktā kolonnā ir saistītas viena ar otru. Tabula-kolonna mitina elementu, kas ietver vairākas kolonnas. Mēs izmantojam ' ” tagu, lai grupētu kolonnas kopā tabulā CSS. Pēc tam tiek definēta diapazona vērtība, lai atzīmētu, cik kolonnu būs grupai.

Piemērs
Tabulā par uzņēmuma darbinieku biodatiem, kur ierakstīts “Vārds”, “Vecums” un “Augums”, katra zilā kolonna atbilst konkrētam darbiniekam, kas parādīts šādā piemērā:







< tabula >
< kolēģu grupa >
< kol stils = 'fona krāsa: rozā' >
< kol span = '3' stils = 'fona krāsa: gaiši zila' >
< / kolēģu grupa >
< tr >
< td > Vārds < / td >
< td > Maikls < / td >
< td > Džeimss < / td >
< td > Deivids < / td >
< / tr >
< tr >
< td > Vecums < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Augstums < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / tabula >

Veiciet tālāk norādītās darbības saskaņā ar iepriekš minēto kodu:



  • Sāciet, izveidojot tabulu un pievienojiet tagu.
  • Izmantojiet span lietderības klase un norādiet grupējamo kolonnu skaitu.
  • Tagad aizveriet kolēģu grupu, izmantojot tagu.
  • Ievadiet arī norādītos datus tabulas rindās, izmantojot un tagus.
  • Aizveriet tabulu, izmantojot tagu.

Izvade



Šūnu “span” tabulā HTML valodā norāda, cik kolonnu var aptvert viena šūna. Tas piedāvā tādu pašu lietojumu kā šūnu “apvienošanas” funkcija programmā Microsoft Excel.





Kas ir tabulas rindu grupa?

Tabulas rindu grupa ir vairāku rindu saistīšana, lai izveidotu vienu grupu. Atsevišķs elements ietver vairākas rindas. Tas tiek darīts, izmantojot ' ” tagu.

Piemērs
Nākamo tabulu, kurā parādīti darbinieku pārdošanas apjomi mēnesī, var parādīt, sagrupējot rindu, kurā ir mēneša nosaukums, pret vairāku darbinieku vārdiem. Pēc tam to pārdošanas apjomus var parādīt atbilstoši viņu nosaukumiem. Mēs to pašu esam ilustrējuši zemāk esošajā kodā:



< tabula klasē = 'slapja boew-zebra' >
< kolēģu grupa >
< kol >
< kol >
< / kolēģu grupa >




< tbody >
< tr >
< th colspan = '9' > IKMĒNEŠA IZPĀRDOŠANA ( $ ) < / th >
< / tr >
< tr >
< th rindu platums = '4' > maijā 2023. gads < / th >
< th > Džeimss< / th >
< td > 1434. gads < / td >
< / tr >
< tr >
< th >Maikls< / th >
< td > 1700. gads < / td >
< / tr >
< tr >
< th >Jānis< / th >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th rindu platums = '4' > jūnijā 2023. gads < / th >
< th > Džeimss< / th >
< td > 1256. gads < / td >
< / tr >
< tr >
< th >Maikls< / th >
< td > 1975. gads < / td >
< / tr >
< tr >
< th >Jānis< / th >
< td > 1883. gads < / td >
< / tr >
< / tbody >
< / tabula >

Iepriekš norādītajā kodā:

  • Definējiet tabulu un pievienojiet tagu.
  • Definējiet kolonnu grupējumu, izmantojot colspan lietderības klase.
  • Tāpat definējiet rindu grupēšanu, izmantojot rindu platums lietderības klase.
  • Tagad ievadiet visu personu pārdošanas datus par katru no diviem mēnešiem.
  • Visbeidzot aizveriet tabulu, izmantojot tagu.

Izvade

Secinājums

Atsevišķas tabulas šūnas var grupēt, ja viena vērtība atbilst vairākiem citiem ierakstiem. Mēs esam arī novērojuši, ka tabulu var grupēt kolonnu vai rindu izteiksmē. Abām šīm ierīcēm ir savas funkcijas, un tās var izmantot, kur vien nepieciešams.