Care este utilizarea unui grup de antet de tabel și a unui grup de subsol de tabel în CSS

Care Este Utilizarea Unui Grup De Antet De Tabel Si A Unui Grup De Subsol De Tabel In Css



Antetul și subsolul unui tabel sunt ambele blocuri de text plasate la începutul și, respectiv, la sfârșitul tabelului. Acestea sunt utilizate pentru a oferi mai multe informații despre tabel și pot ajuta la definirea valorilor conținute într-un anumit tabel. Elementul Antet tabel este reprezentat de „ „, în timp ce subsolul tabelului este reprezentat de „ ' etichetă.

Ce este un grup de antet de masă?

În CSS, „ Grup de antet tabel ” este folosit pentru a afișa antetul tabelului prin intermediul „ ' etichetă. Antetul corespunde primei intrări dintr-o coloană verticală. Specifică informații despre intrările din tabel. Antetul poate cuprinde, de asemenea, mai multe coloane dacă este necesar. Acest lucru poate fi realizat prin crearea unui grup de tabel-coloană în CSS.

Exemplu
Antetul unui tabel are o formatare diferită de restul intrărilor din tabel pentru a-l deosebi vizual. Acestea sunt de obicei reprezentate prin dimensiunea fontului aldine sau textul la scară superioară. Când listăm nume de „Bărbați” și „Femei”, le putem atribui ca Antete pe un rând separat, așa cum se arată în exemplul de mai jos:







< masa >
< thead >
< tr >
< th > Bărbați < / th >
< th > femei < / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Iacov < / td >
< td > Rebecca < / td >
< / tr >
< / tbody >
< / masa >

Următorii pași explică cum se creează un antet de tabel:



  • Adaugă ' ” pentru a crea un tabel.
  • În pasul următor, specificați „ ” etichetă care se referă la antetul tabelului.
  • Adăugați valorile antetului ca rând prin intermediul etichetei „” și ​​închideți antetul prin eticheta „”.
  • Acum, includeți „ ” pentru a începe corpul mesei.
  • Introduceți datele pentru fiecare dintre rânduri folosind eticheta „”.
  • Încheiați corpul tabelului și tabelul prin intermediul „ ' și ' ” etichete, respectiv.

Ieșire



Ce este un grup de subsol de masă?

Grupul de subsol de masă ” este folosit pentru a afișa subsolul unui tabel în CSS cu ajutorul „ ' etichetă. Subsolul oferă, de asemenea, informații despre conținutul tabelului care pot ajuta cititorul să înțeleagă mai clar datele. Folosind același exemplu din partea anterioară, adăugați subsolul care oferă numărul total de intrări în fiecare coloană pentru „Bărbați” și „Femei” din tabel.





Exemplu
Prezentare generală a următorului exemplu care explică conceptul discutat:

< masa >
< thead >
< tr >
< th >Bărbați< / th >
< th >Femei< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td clasă = „bg-gray-200” >Total 03< / td >
< td clasă = „bg-gray-200” >Total 03< / td >
< / tr >
< / tfoot >
< / masa >

Următorii pași explică pașii pentru a crea un subsol de tabel:



  • Similar cu exemplul anterior, adăugați „ ” etichetă pentru a crea/include un tabel.
  • Includeți „ ” pentru a specifica antetul tabelului.
  • Acum, în mod similar, adăugați titlurile antetului ca un rând și închideți antetul prin butonul „ ' etichetă.
  • Amintiți-vă abordările discutate pentru specificarea corpului tabelului și includerea datelor în acesta.
  • Acum, adăugați „ ” pentru a începe subsolul tabelului.
  • Adăugați datele pentru subsolul tabelului ca un rând și închideți subsolul folosind butonul „ ' etichetă.
  • În sfârșit, încheiați tabelul folosind „ ' etichetă.

Ieșire
Codul scris mai sus generează următorul rezultat:

Concluzie

Antetul și subsolul dintr-un tabel în CSS ajută la adăugarea mai multor informații în partea de sus și respectiv de jos a unui tabel. Aceste informații ajută la determinarea despre ce este vorba în tabel și oferă mai multe detalii conținute în valorile introduse în tabel. Împreună, acești doi încadrează perfect datele încapsulate în tabel.