הבדלים בין גרסאות בדף "עזרה:טבלאות"
שורה 70: | שורה 70: | ||
*תא: מופיע בין | לבין || '''או''' בין ! לבין || ומשפיע על תא יחיד | *תא: מופיע בין | לבין || '''או''' בין ! לבין || ומשפיע על תא יחיד | ||
+ | ==טבלה הניתנת להסתרה== | ||
+ | |||
+ | ניתן להוסיף לטבלה קישור המאפשר להציג ולהסתיר את תוכן הטבלה. הדבר נעשה על ידי הוספה של המילה "collapsible" למאפיין ה-class של הטבלה. אם מאפיין ה-class כולל מילים נוספות, יש להוסיפו בסוף, עם רווח לפניו. | ||
+ | |||
+ | הקישור הניתן להסתרה יופיע בתא הראשון מסוג כותרת (תא המתחיל עם סימן קריאה, ולא קו אופקי). רצוי להשתמש במאפיין width כדי לקבוע את רוחב הטבלה, וזאת על מנת שהקישור לא יפריע לכותרת. למשל, הקוד הבא: | ||
+ | |||
+ | <div style="direction: ltr;"><pre> | ||
+ | {| class="toccolours collapsible" width="250" | ||
+ | ! כותרת | ||
+ | |- | ||
+ | | תוכן | ||
+ | |} | ||
+ | </pre></div> | ||
+ | |||
+ | ייצור את הטבלה הבאה: | ||
+ | |||
+ | {| class="toccolours collapsible" width="250" | ||
+ | ! כותרת | ||
+ | |- | ||
+ | | תוכן | ||
+ | |} | ||
+ | |||
+ | {{-}} | ||
+ | |||
+ | ניתן גם להציג את הטבלה סגורה כברירת מחדל על ידי הוספתה של המילה "collapsed" למאפיין ה-class של הטבלה. למשל, הקוד הבא: | ||
+ | <div style="direction: ltr;"><pre> | ||
+ | {| class="toccolours collapsible collapsed" width="250" | ||
+ | ! כותרת | ||
+ | |- | ||
+ | | תוכן | ||
+ | |} | ||
+ | </pre></div> | ||
+ | |||
+ | ייצור את הטבלה הבאה: | ||
+ | |||
+ | {| class="toccolours collapsible collapsed" width="250" | ||
+ | ! כותרת | ||
+ | |- | ||
+ | | תוכן | ||
+ | |} | ||
+ | |||
+ | {{-}} | ||
+ | |||
+ | כאשר יש מספר עמודות, עדיף לייחד את השורה הראשונה לשורה שמתפרסת על פני כל העמודות כדי למנוע בעיות תצוגה. למשל: | ||
+ | <div style="direction: ltr;"><pre> | ||
+ | {| class="wikitable collapsible" width="250" | ||
+ | ! colspan="3" | כותרת כללית | ||
+ | |- | ||
+ | ! כותרת !! כותרת !! כותרת | ||
+ | |- | ||
+ | | תוכן || תוכן || תוכן | ||
+ | |} | ||
+ | </pre></div> | ||
+ | |||
+ | ייצור את הטבלה הבאה: | ||
+ | |||
+ | {| class="wikitable collapsible" width="250" | ||
+ | ! colspan="3" | כותרת כללית | ||
+ | |- | ||
+ | ! כותרת !! כותרת !! כותרת | ||
+ | |- | ||
+ | | תוכן || תוכן || תוכן | ||
+ | |} | ||
+ | {{-}} | ||
[[קטגוריה:דפי מערכת]] | [[קטגוריה:דפי מערכת]] |
גרסה מ־17:55, 30 באוקטובר 2013
כדי ליצור טבלה, יש להשתמש בארבעה תווי בקרה בסיסיים אלו:
{| | |- | | | |} |
תחילת טבלה | ירידת שורה | הוספת עמודה | סיום טבלה |
תכלית | פורמט ויקי | הערות | פורמט HTML |
---|---|---|---|
הגדרת תחילת טבלה | {| | ניתן להגדיר פרמטרים להגדרת הטבלה כולה | <table> |
שורה חדשה | |- | ניתן להגדיר פרמטרים להגדרת השורה | <tr></tr> |
הגדרת תא חדש | | | ניתן להגדיר פרמטרים להגדרת התא | <td></td> |
הגדרת סיום טבלה | |} | אין | </table> |
תווי בקרה אופציונליים | |||
הגדרת תא-כותרת חדש | ! | הטקסט יהיה ממורכז ומודגש | <th></th> |
הגדרת תא-כותרת חדש באמצע שורה | !! | הטקסט יהיה ממורכז ומודגש | <th></th> |
הגדרת תא חדש באמצע שורה | || | אין | <td></td> |
הגדרת כותרת טבלה | |+ | הכותרת תופיע מעל הטבלה | <caption></caption> |
בשורה הראשונה יש להגדיר את מאפייני הטבלה.
כמו למשל צבע, מסגרת, מיקום הטבלה (ימין/שמאל/אמצע) וכדומה.
פרמטרים | |||
---|---|---|---|
תכונה | שם | דוגמה | מיקום ההגדרה[1] |
צבע רקע | bgcolor | bgcolor="#ABCDEF" | טבלה, שורה, תא |
ישור אופקי: ימין, אמצע, שמאל | align | align="center" | טבלה, שורה, תא |
ישור אנכי: למעלה, אמצע, למטה | valign | valign="top" | שורה |
כיוון זרימת הטקסט או הטבלה, מימין לשמאל או להפך | dir | dir="ltr", dir="rtl" | טבלה, שורה, תא |
רוחב מסגרת | border | border="1" | טבלה |
רווח מחוץ לתא | cellspacing | cellspacing="8" | טבלה |
רווח מסביב לטקסט | cellpadding | cellpadding="4" | טבלה |
תא המשתרע על פני מספר עמודות | colspan | colspan="2" | תא |
תא המשתרע על פני מספר שורות | rowspan | rowspan="4" | תא |
רוחב קבוע ביחידות מידה | width | width="400px" | טבלה, תא |
רוחב קבוע באחוזים | width | width="50%" | טבלה, תא |
שימוש בסגנונות | style | style="width: 100%" | טבלה, שורה, תא |
לגבי הערה [1]:
- טבלה: מופיע אחרי {| ומשפיע על הטבלה כולה
- שורה: מופיע אחרי |- ומשפיע על שורה שלמה
- תא: מופיע בין | לבין || או בין ! לבין || ומשפיע על תא יחיד
טבלה הניתנת להסתרה
ניתן להוסיף לטבלה קישור המאפשר להציג ולהסתיר את תוכן הטבלה. הדבר נעשה על ידי הוספה של המילה "collapsible" למאפיין ה-class של הטבלה. אם מאפיין ה-class כולל מילים נוספות, יש להוסיפו בסוף, עם רווח לפניו.
הקישור הניתן להסתרה יופיע בתא הראשון מסוג כותרת (תא המתחיל עם סימן קריאה, ולא קו אופקי). רצוי להשתמש במאפיין width כדי לקבוע את רוחב הטבלה, וזאת על מנת שהקישור לא יפריע לכותרת. למשל, הקוד הבא:
{| class="toccolours collapsible" width="250" ! כותרת |- | תוכן |}
ייצור את הטבלה הבאה:
כותרת |
---|
תוכן |
ניתן גם להציג את הטבלה סגורה כברירת מחדל על ידי הוספתה של המילה "collapsed" למאפיין ה-class של הטבלה. למשל, הקוד הבא:
{| class="toccolours collapsible collapsed" width="250" ! כותרת |- | תוכן |}
ייצור את הטבלה הבאה:
כותרת |
---|
תוכן |
כאשר יש מספר עמודות, עדיף לייחד את השורה הראשונה לשורה שמתפרסת על פני כל העמודות כדי למנוע בעיות תצוגה. למשל:
{| class="wikitable collapsible" width="250" ! colspan="3" | כותרת כללית |- ! כותרת !! כותרת !! כותרת |- | תוכן || תוכן || תוכן |}
ייצור את הטבלה הבאה:
כותרת כללית | ||
---|---|---|
כותרת | כותרת | כותרת |
תוכן | תוכן | תוכן |