מהי קבוצת ראשי טבלה?
ב-CSS, ה' קבוצת ראשי טבלה ' משמש להצגת הכותרת של הטבלה באמצעות ' 'תג. הכותרת מתאימה לערך הראשון בעמודה אנכית. הוא מציין מידע על ערכי הטבלה. הכותרת יכולה גם להשתרע על מספר עמודות במידת הצורך. ניתן לבצע זאת על ידי יצירת קבוצת עמודות טבלה ב-CSS.
דוגמא השלבים הבאים מסבירים כיצד ליצור כותרת טבלה: תְפוּקָה ה ' קבוצת כותרת תחתונה ' משמש להצגת הכותרת התחתונה של טבלה ב-CSS בעזרת ה-' 'תג. הכותרת התחתונה מספקת גם מידע על תוכן הטבלה שיכול לעזור לקורא להבין את הנתונים בצורה ברורה יותר. תוך שימוש באותה דוגמה מהחלק הקודם, הוסף את הכותרת התחתונה שמספקת את המספר הכולל של הערכים בכל עמודה עבור 'גברים' ו'נשים' בטבלה. דוגמא השלבים הבאים מסבירים את השלבים ליצירת כותרת תחתונה: תְפוּקָה הכותרת העליונה והתחתונה בטבלה ב-CSS עוזרות להוסיף מידע נוסף בחלק העליון והתחתון של טבלה, בהתאמה. מידע זה עוזר לקבוע במה עוסקת הטבלה ומספק פרטים נוספים הכלולים בתוך הערכים המוכנסים בטבלה. יחד, שני אלה ממסגרים בצורה מושלמת את הנתונים המובלעים בטבלה.
לכותרת של טבלה יש עיצוב שונה משאר הערכים בטבלה כדי לייחד אותה מבחינה ויזואלית. אלה מיוצגים בדרך כלל על ידי גודל גופן מודגש או טקסט בקנה מידה עליון. כשמפרטים שמות של 'גברים' ו'נשים', נוכל להקצות אותם ככותרות בשורה נפרדת, כפי שמוצג בדוגמה למטה:
< שולחן >
< תד >
< tr >
< ה' > גברים < / ה' >
< ה' > נשים < / ה' >
< / tr >
< / תד >
< הגוף >
< tr >
< td > ג'יימס < / td >
< td > ג'סיקה < / td >
< / tr >
< tr >
< td > דוד < / td >
< td > לורה < / td >
< / tr >
< tr >
< td > יעקב < / td >
< td > רבקה < / td >
< / tr >
< / הגוף >
< / שולחן >
' וסגור את הכותרת באמצעות התג ' '.
מהי קבוצת כותרת תחתונה?
סקירה כללית של הדוגמה הבאה המסבירה את הרעיון הנדון:
< תד >
< tr >
< ה' >גברים< / ה' >
< ה' >נשים< / ה' >
< / tr >
< / תד >
< הגוף >
< tr >
< td >ג'יימס< / td >
< td >ג'סיקה< / td >
< / tr >
< tr >
< td >דוד< / td >
< td >לורה< / td >
< / tr >
< tr >
< td >יעקב< / td >
< td >רבקה< / td >
< / tr >
< / הגוף >
< רגל >
< tr >
< td מעמד = 'bg-grey-200' >סה'כ 03< / td >
< td מעמד = 'bg-grey-200' >סה'כ 03< / td >
< / tr >
< / רגל >
< / שולחן >
הקוד שנכתב לעיל יוצר את התוצאה הבאה:
סיכום