מהו השימוש בקבוצת עמודות טבלה וקבוצת שורות טבלה ב-CSS

Mhw Hsymws Bqbwzt Mwdwt Tblh Wqbwzt Swrwt Tblh B Css



קיבוץ בטבלאות מאפשר למשתמש למזג שני תאים או יותר יחד כדי להציג ערך בודד או פיסת טקסט התואמת לערכים קודמים מרובים. קיבוץ התאים מציג מבט נקי של הטבלה והופך את המצגת כולה לתמציתית ונגישה עבור הקורא. המונח הטכני לקיבוץ תאים בטבלה ב-CSS הוא 'span'. זה כזה שאם שורה או עמודה מסוימת משתרעת על ערך גדול מ-'1', היא נחשבת לקבוצת טבלה.

מהי קבוצת עמודות בטבלה?

קבוצת עמודות טבלה, כפי שהשם מרמז, היא קבוצה של תאים ממספר עמודות. כל הערכים בעמודה מסוימת קשורים זה לזה. עמודת טבלה מארח אלמנט שמקיף מספר עמודות. אנו משתמשים ב' ' תג כדי לקבץ את העמודות יחד בטבלה ב-CSS. לאחר מכן, ערך הטווח מוגדר כדי לציין כמה עמודות יהיו לקבוצה.

דוגמא
בטבלה על הנתונים הביולוגיים של עובדי החברה שבה נרשמים 'שם', 'גיל' ו'גובה', כל עמודה כחולה מתאימה לעובד ספציפי, המודגם בדוגמה הבאה:







< שולחן >
< colgroup >
< קול סִגְנוֹן = 'צבע רקע: ורוד' >
< קול לְהַקִיף = '3' סִגְנוֹן = 'צבע רקע: כחול בהיר' >
< / colgroup >
< tr >
< td > שֵׁם < / td >
< td > מיכאל < / td >
< td > ג'יימס < / td >
< td > דוד < / td >
< / tr >
< tr >
< td > גיל < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > גוֹבַה < / td >
< td > 173 ס'מ < / td >
< td > 184 ס'מ < / td >
< td > 188 ס'מ < / td >
< / tr >
< / שולחן >

בצע את השלבים המפורטים להלן לפי הקוד לעיל:



  • התחל ביצירת טבלה והוסף את תָג.
  • להשתמש ב לְהַקִיף מחלקת השירות וציין את מספר העמודות שיקובצו יחד.
  • כעת, סגור את קבוצת הקול באמצעות ה- תָג.
  • כמו כן, הזן את הנתונים המצוינים בשורות הטבלה באמצעות ה- ו תגים.
  • סגור את השולחן דרך תָג.

תְפוּקָה



'טווח' התאים בטבלה ב-HTML מייצג כמה עמודות תא בודד יכול לכסות. הוא מציע שימוש זהה לפונקציית 'מיזוג' תאים ב- Microsoft Excel.





מהי קבוצת שורות שולחן?

קבוצת שורה-טבלה היא חיבור של שורות מרובות כדי ליצור קבוצה אחת. אלמנט יחיד מקיף שורות מרובות. זה נעשה באמצעות ' 'תג.

דוגמא
ניתן להציג את הטבלה הבאה המציגה את המכירות שבוצעו על ידי העובדים בחודש על ידי קיבוץ השורה המכילה את שם החודש מול שמותיהם של מספר עובדים. לאחר מכן, ניתן להציג את המכירות שלהם בהתאם לשמותיהם. הדגמנו את אותו הדבר בקוד שלהלן:



< שולחן מעמד = 'רטוב-בו-זברה' >
< colgroup >
< קול >
< קול >
< / colgroup >




< הגוף >
< tr >
< ה' colspan = '9' > מכירות חודשיות ( $ ) < / ה' >
< / tr >
< tr >
< ה' תוחלת שורות = '4' > מאי 2023 < / ה' >
< ה' >ג'יימס< / ה' >
< td > 1434 < / td >
< / tr >
< tr >
< ה' >מייקל< / ה' >
< td > 1700 < / td >
< / tr >
< tr >
< ה' >ג'ון< / ה' >
< td > 1299 < / td >
< / tr >
< / הגוף >
< הגוף >
< tr >
< ה' תוחלת שורות = '4' > יוני 2023 < / ה' >
< ה' >ג'יימס< / ה' >
< td > 1256 < / td >
< / tr >
< tr >
< ה' >מייקל< / ה' >
< td > 1975 < / td >
< / tr >
< tr >
< ה' >ג'ון< / ה' >
< td > 1883 < / td >
< / tr >
< / הגוף >
< / שולחן >

בקוד האמור לעיל:

  • הגדירו טבלה והוסיפו את תָג.
  • הגדר את קיבוץ העמודות באמצעות ה- colspan מחלקת שירות.
  • באופן דומה, הגדר את קיבוץ השורות באמצעות ה תוחלת שורות מחלקת שירות.
  • כעת, הזן את הנתונים עבור המכירות של כל הפרטים עבור כל אחד מהחודשיים.
  • לבסוף, סגור את הטבלה באמצעות ה- תָג.

תְפוּקָה

סיכום

ניתן לקבץ את התאים הבודדים בטבלה אם ערך אחד מתאים לערכים מרובים אחרים. ראינו גם שניתן לקבץ את הטבלה במונחים של עמודות או שורות. לשני אלה יש פונקציות משלהם וניתן להשתמש בהם בכל מקום שנדרש.