Kas yra lentelės antraštės grupė?
CSS sistemoje „ Lentelės-antraštės grupė “ naudojamas lentelės antraštei rodyti per „ “ žymą. Antraštė atitinka pirmąjį įrašą vertikaliame stulpelyje. Nurodoma informacija apie lentelės įrašus. Jei reikia, antraštė taip pat gali apimti kelis stulpelius. Tai galima atlikti CSS sukūrus lentelių-stulpelių grupę.
Pavyzdys Šie veiksmai paaiškina, kaip sukurti lentelės antraštę: Išvestis „ Stalo poraštės grupė “ naudojamas lentelės poraštei rodyti CSS naudojant „ “ žymą. Poraštėje taip pat pateikiama informacija apie lentelės turinį, kuri gali padėti skaitytojui aiškiau suprasti duomenis. Naudodami tą patį pavyzdį iš ankstesnės dalies, pridėkite poraštę, kurioje pateikiamas bendras įrašų skaičius kiekviename lentelės stulpelyje „Vyrai“ ir „Moterys“. Pavyzdys Šie veiksmai paaiškina, kaip sukurti lentelės poraštę: Išvestis Antraštė ir poraštė lentelėje CSS padeda pridėti daugiau informacijos atitinkamai lentelės viršuje ir apačioje. Ši informacija padeda nustatyti, apie ką yra lentelė, ir pateikia daugiau informacijos, esančios lentelėje įterptose reikšmėse. Kartu šie du puikiai įrėmina lentelėje pateiktus duomenis.
Lentelės antraštės formatavimas skiriasi nuo kitų lentelės įrašų, kad būtų galima ją vizualiai atskirti. Paprastai jie nurodomi paryškintu šrifto dydžiu arba didesniu tekstu. Pateikdami „Vyrų“ ir „Moterų“ vardus, galime juos priskirti kaip antraštes atskiroje eilutėje, kaip parodyta toliau pateiktame pavyzdyje:
< stalo >
< thead >
< tr >
< th > Vyrai < / th >
< th > Moterys < / th >
< / tr >
< / thead >
< tkūnas >
< tr >
< td > Džeimsas < / td >
< td > Džesika < / td >
< / tr >
< tr >
< td > Deividas < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jokūbas < / td >
< td > Rebeka < / td >
< / tr >
< / tkūnas >
< / stalo >
“ ir uždarykite antraštę naudodami žymą „ “.
Kas yra lentelės poraštės grupė?
Šio pavyzdžio, paaiškinančio aptartą koncepciją, apžvalga:
< thead >
< tr >
< th >Vyrai< / th >
< th >Moterys< / th >
< / tr >
< / thead >
< tkūnas >
< tr >
< td >Džeimsas< / td >
< td >Džesika< / td >
< / tr >
< tr >
< td >Deividas< / td >
< td > Laura< / td >
< / tr >
< tr >
< td >Jokūbas< / td >
< td >Rebeka< / td >
< / tr >
< / tkūnas >
< tpėda >
< tr >
< td klasė = 'bg-grey-200' >Iš viso 03< / td >
< td klasė = 'bg-grey-200' >Iš viso 03< / td >
< / tr >
< / tpėda >
< / stalo >
Aukščiau parašytas kodas generuoja tokį rezultatą: Išvada