Kas yra lentelės-stulpelių grupė?
Lentelės-stulpelių grupė, kaip rodo pavadinimas, yra ląstelių grupė iš kelių stulpelių. Visos tam tikro stulpelio reikšmės yra susijusios viena su kita. Lentelėje-stulpelyje yra elementas, apimantis kelis stulpelius. Mes naudojame '
Pavyzdys
Lentelėje apie įmonės darbuotojų biografinius duomenis, kur įrašyti „Vardas“, „Amžius“ ir „Ūgis“, kiekvienas mėlynas stulpelis atitinka konkretų darbuotoją, parodytą tokiame pavyzdyje:
< stalo >
< kolegų grupė >
< plk stilius = 'fono spalva: rožinė' >
< plk span = '3' stilius = 'fono spalva: šviesiai mėlyna' >
< / kolegų grupė >
< tr >
< td > vardas < / td >
< td > Mykolas < / td >
< td > Džeimsas < / td >
< td > Deividas < / td >
< / tr >
< tr >
< td > Amžius < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Aukštis < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / stalo >
Atlikite toliau nurodytus veiksmus pagal aukščiau pateiktą kodą:
- Pradėkite kurdami lentelę ir pridėkite
žyma. - Naudoti span naudingumo klasę ir nurodykite stulpelių, kuriuos reikia sugrupuoti, skaičių.
- Dabar uždarykite kolegų grupę naudodami žyma.
- Taip pat įveskite nurodytus duomenis į lentelės eilutes naudodami
ir žymės. - Uždarykite lentelę per žyma.
Išvestis
HTML lentelės langelių „tarpas“ nurodo, kiek stulpelių gali apimti vienas langelis. Jis naudojamas taip pat, kaip ir „Microsoft Excel“ ląstelių sujungimo funkcija.
Kas yra lentelės eilutės grupė?
Lentelės ir eilučių grupė yra kelių eilučių susiejimas, kad būtų sudaryta viena grupė. Vienetinis elementas apima kelias eilutes. Tai daroma per '
“ žymą. Pavyzdys
Toliau pateiktą lentelę, kurioje parodyti darbuotojų pardavimai per mėnesį, galima parodyti sugrupavus eilutę, kurioje yra mėnesio pavadinimas, su kelių darbuotojų vardais. Tada jų pardavimai gali būti rodomi pagal jų pavadinimus. Tą patį pavaizdavome toliau pateiktame kode:
< stalo klasė = 'šlapias lankas-zebras' >
< kolegų grupė >
< plk >
< plk >
< / kolegų grupė >
< tkūnas >
< tr >
< th colspan = '9' > MĖNESIO IŠPARDAVIMAS ( $ ) < / th >
< / tr >
< tr >
< th eilių ilgis = '4' > gegužės mėn 2023 m < / th >
< th >Džeimsas< / th >
< td > 1434 m < / td >
< / tr >
< tr >
< th >Michaelas< / th >
< td > 1700 m < / td >
< / tr >
< tr >
< th >Jonas< / th >
< td > 1299 < / td >
< / tr >
< / tkūnas >
< tkūnas >
< tr >
< th eilių ilgis = '4' > birželį 2023 m < / th >
< th >Džeimsas< / th >
< td > 1256 m < / td >
< / tr >
< tr >
< th >Michaelas< / th >
< td > 1975 m < / td >
< / tr >
< tr >
< th >Jonas< / th >
< td > 1883 m < / td >
< / tr >
< / tkūnas >
< / stalo >Aukščiau nurodytame kode:
- Apibrėžkite lentelę ir pridėkite
žyma. - Apibrėžkite stulpelių grupavimą naudodami colspan naudingumo klasė.
- Taip pat apibrėžkite eilučių grupavimą naudodami eilių ilgis naudingumo klasė.
- Dabar įveskite visų asmenų pardavimų duomenis kiekvienam iš dviejų mėnesių.
- Galiausiai uždarykite lentelę naudodami žyma.
Išvestis
Išvada
Atskiri langeliai lentelėje gali būti sugrupuoti, jei viena reikšmė atitinka kelis kitus įrašus. Taip pat pastebėjome, kad lentelė gali būti sugrupuota pagal stulpelius arba eilutes. Abu jie turi savo funkcijas ir gali būti naudojami kur reikia.