راهنما:ساخت جدول

از اسلامیکال
پرش به ناوبری پرش به جستجو

برای ترسیم جداول در اسلامیکال می‌توانید از دستورهای HTML ایجاد جدول (TABLE، TR، TD و ...) نیز استفاده کنید. اما اسلامیکال برای ترسیم راحت‌تر جداول، دستورهای ویژه‌ای دارد. بدون شک، برخورداری از اطلاعات قبلی در زمینهٔ HTML نقش بسزایی در راحت‌تر تنظیم کردن جداولی که با کمک اسلامیکال می‌سازید دارد.

کارکتر لاتین | در صفحه‌کلید کامپیوتر، به اصطلاح انگلیسی Pipe خوانده می‌شود، که ما آن را به «چپق» ترجمه می‌کنیم. جداولی که در اسلامیکال می سازید با کمک ترکیباتی از کاراکترها ساخته می‌شوند که در اسلامیکال انگلیسی به آن Pipe syntax گفته می‌شود و ما آن را به «روش چپقی» ترجمه می‌کنیم.

استفاده از نوار ابزار

در حالت ویرایش متنی

برای افزودن خودکار یک جدول، روی آیکون (درج جدول) در نوار ابزار ویرایش کلیک کنید. در نوار ابزار پوستهٔ وکتور، آیکون جدول در منوی «پیشرفته» قرار دارد.

هرگاه روی درج جدول کلیک کنید، متن زیر در جعبهٔ ویرایشگر درج می‌شود:

{| class="wikitable"
|+ متن برنگاشت
|-
! متن عنوان !! متن عنوان !! متن عنوان
|-
| مثال || مثال || مثال
|-
| مثال || مثال || مثال
|-
| مثال || مثال || مثال
|}

این دستورها، جدول زیر را تولید خواهد کرد:

متن برنگاشت
متن عنوان متن عنوان متن عنوان
مثال مثال مثال
مثال مثال مثال
مثال مثال مثال

متن نمونه («متن عنوان» یا «مثال») باید با داده‌های مورد نظر شما جایگزین شوند. می‌توانید خانه‌های جدول را در حالت ویرایش متنی پر کنید، یا این که برای این کار از ویرایشگر دیداری استفاده کنید.

در ویرایشگر دیداری

با استفاده از ویرایشگر دیداری می‌توانید به‌طور مستقیم و بدون نیاز به جستجو در متن کدهای صفحه، خانه‌های جدول را پر کنید. بخش مربوط به ویرایشگر دیداری در پایین همین صفحه را ببینید. افزودن یا حذف ردیف و ستون به جدول در ویرایشگر دیداری بسیار ساده و آسان است. هرگاه در ویرایشگر دیداری روی آیکون جدول (در منوی «درج») کلیک کنید، آنچه در صفحه درج می‌شود به شکل زیر است:

علاوه بر این، اگر لازم می‌دانید که یک جدول که در جایی دیگر (مثلاً در یک صفحهٔ گسترده یا یک وبگاه دیگر) موجود است را به‌صفحهٔ مورد نظر خود بیافزایید، معمولاً درون‌ریزی آن به‌طور مستقیم در ویرایشگر دیداری امکان‌پذیر است:

  • کشیدن و رها کردن یک پروندهٔ .csv‏ در ویرایشگر دیداری، یا
  • انتخاب، کپی کردن و چسباندن (پیست کردن) جدول در ویرایشگر دیداری.

خلاصه‌ای از نشانه‌گذاری ابتدایی جدول

عنصر جدول کد الزامی توضیحات دربارهٔ استفاده
آغاز جدول {| الزامی
برنگاشت جدول |+ اختیاری فقط بین آغاز جدول و سطر نخست جدول.
ردیف جدول |- اختیاری می‌تواند پیش از سطر اول جدول درج نشود.
خانهٔ سرآیند جدول ! اختیاری خانه‌های متوالی سرآیند جدول را می‌توان به‌صورت جداشده با استفاده از دو علامت تعجب (!!) در یک سطر قرار داد؛ یا این که هر خانه را در یک سطر قرار داد و هر سطر را با یک علامت تعجب (!) آغاز کرد.
خانه داده‌های جدول | یا || اختیاری خانه‌های متوالی داده‌های جدول را می‌توان به‌صورت جداشده با استفاده از دو علامت چپق (||) در یک سطر قرار داد؛ یا این که هر خانه را در یک سطر قرار داد و هر سطر را با یک علامت چپق (|) آغاز کرد. از این علامت برای جداسازی ویژگی‌های اچ‌تی‌ام‌ال از محتوای خانه‌ها و برنگاشت‌ها نیز استفاده می‌شود.
پایان جدول |} الزامی
  • علامت‌های فوق باید در یک سطر جدید درج شوند، مگر آن که به‌صورت جفت (|| و !!) برای افزودن اختیاری خانه‌های متوالی به یک سطر واحد.
  • فاصله‌های خالی در ابتدای سطرها نادیده گرفته می‌شوند.
  • محتوا می‌تواند پس از علامت خانهٔ خودش در همان سطر (پس از هرگونه صفت اچ‌تی‌ام‌ال اختیاری)، یا در سطرهای پایینی علامت خانه درج شود (در حالت دوم به درج پاراگراف‌های ناخواسته نیز دقت داشته باشید). محتوایی که حاوی ویکی‌متنی باشد که خود نیازمند درج در یک سطر جدید است، نظیر فهرست‌ها، سرفصل‌ها یا جدول‌های تودرتو، باید در سطر جدید اختصاصی خود درج شود.
  • برای درج نویسهٔ چپق (|) در برنگاشت یا یکی از خانه‌های جدول از نشانه‌گذاری شکست <nowiki>|</nowiki> استفاده کنید.

صفت‌های اچ‌تی‌ام‌ال

هریک از نشانه‌ها، به‌جز نشانهٔ پایان جدول (|})، به‌طور اختیاری یک یا چند ویژگی را نیز می‌پذیرد. ویژگی‌ها باید به‌همراه خود علامت در یک سطر قرار گیرند.

  • خانه‌ها و برنگاشت (| یا ||، ! یا !!، و |+) حاوی محتوا هستند—هرگونه ویژگی که اضافه می‌کند را با استفاده از یک چپق (|) از محتوای آن جدا کنید و ویژگی‌ها را پیش از محتوا قرار دهید.
  • علامت‌های جدول و ردیف ({| و |-) به‌طور مستقیم محتوا را در بر نمی‌گیرند. پس از ویژگی‌های درج‌شده برای این علامت‌ها، نویسهٔ چپق (|) قرار ندهید.

ویژگی‌هایی که استفاده از آن‌ها در جدول‌های اسلامیکال مرسوم است، شامل این موارد هستند: class، برای مثال class="wikitable"؛ style، برای سبک‌بندی سی‌اس‌اس؛ scope، برای مشخص‌کردن خانه‌های سرآیند ردیف یا ستون؛ rowspan، برای گسترش خانه‌ها به‌اندازهٔ بیش از یک ردیف؛ colspan، برای گسترش خانه‌ها به‌اندازهٔ بیش از یک ستون.

خودآموز ایجاد جدول با روش چپقی

اگرچه که می‌توان برای ایجاد یک جدول، از نحو جدول اچ‌تی‌ام‌ال نیز استفاده کرد، اما ویکی‌متن نیز به‌عنوان میانبری برای ایجاد جدول کاربرد دارد. نماد خط عمودی یا همان «چپق» یا «لوله» ( | ) نیز دقیقاً مشابه نشانه‌گذاری جدول اچ‌تی‌ام‌ال کار می‌کند؛ بنابراین، آشنایی با دستورهای اچ‌تی‌ام‌ال به شناخت بهتر نشانه‌گذاری چپقی نیز کمک می‌کند. میانبرهای مذکور به شرح زیر هستند:

تمام اطلاعاتی که در یک جدول قرار می‌گیرد، توسط دستور اصلی روش چپقی، که عبارت‌است از آکولاد به علاوه نویسهٔ چپق، احاطه می‌شود. پس به طور کلی اطلاعات ساختار اولیه یک جدول چنین است:

{|
  محتویات جدول
|}

هر جدول می‌تواند یک برنگاشت نیز در بالایش داشته باشد، که با استفاده از نویسه‌های چپق و مثبت «|+» در ابتدای سطر، و افزودن برنگاشت پس از آن، قابل اضافه کردن است:

{|
|+ برنگاشت جدول
  محتویات جدول
|}

برای آغاز یک سطر جدول، یک نویسهٔ چپق و یک خط پیوند را در سطر اختصاصی درج کنید: «|-». کدهای لازم برای خانه‌های آن سطر باید در سطر بعدی شوند:

{|
|+ برنگاشت جدول
|-
  محتویات سطر
|-
  محتویات سطر بعدی
|}

دستورهای مربوط به هریک از خانه‌های جدول را در سطر بعدی بنویسید و در ابتدای هر سطر نیز یک چپق قرار دهید:

{|
|+ برنگاشت جدول
|-
| دستورهای خانهٔ جدول
|-
| دستورهای خانهٔ سطر بعدی جدول
| دستورهای خانهٔ بعدی جدول
|}

خانه‌ها را می‌توان با استفاده از یک خط جدید و یک چپق، یا با استفاده از چپق دوقلو «||» در سطر یکسان، از هم جدا کرد. خروجی هر دو روش یکسان خواهد بود:

متن مبدأ

{|
|+ برنگاشت جدول
|-
|خانه ۱ || خانه ۲ || خانه ۳
|-
|خانه آ
|خانه ب
|خانه ج
|-
|خانه د
|خانه ه||خانه و
|}

خروجی تولیدی

برنگاشت جدول
خانه ۱ خانه ۲ خانه ۳
خانه آ خانه ب خانه ج
خانه د خانه ه خانه و

پارامترهای اختیاری را می‌توان برای تغییر ظاهر و سبک‌بندی خانه‌ها، ردیف‌ها یا کل جدول، به‌کار برد. ساده‌ترین راه برای افزودن سبک‌بندی، اضافه کردن کلاس سی‌اس‌اس wikitable است که به‌منظور اعمال رنگ‌بندی خاکستری و حاشیهٔ خانه‌ها در جدول‌هایی که از آن استفاده می‌کنند، در شیوه‌نامهٔ خارجی اسلامیکال تعریف شده است:

متن مبدأ

{| class=wikitable
|+ برنگاشت جدول
! سرآیند ستون ۱
! سرآیند ستون ۲
! سرآیند ستون ۳
|-
! سرآیند ردیف ۱
| خانه ۲ || خانه ۳
|-
! سرآیند ردیف الف
| خانه ب
| خانه ج
|}

خروجی تولیدی

برنگاشت جدول
سرآیند ستون ۱ سرآیند ستون ۲ سرآیند ستون ۳
سرآیند ردیف ۱ خانه ۲ خانه ۳
سرآیند ردیف الف خانه ب خانه ج

پارامترهای جدول و پارامترهای خانه‌های جدول، درست مشابه کاربردشان در اچ‌تی‌ام‌ال، یکسان هستند؛ http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE و Table (HTML) (انگلیسی) را ببینید. با این حال، عنصرهای <thead>، <tbody>، <tfoot>، <colgroup> و <col> در حال حاضر (الگو:تا تاریخ) در مدیاویکی پشتیبانی نمی‌شوند.

حتی در صورتی که هیچ‌یک از خانه‌های جدول دارای محتوایی نباشند، وجود جدول همچنان می‌تواند مفید باشد. برای مثال، رنگ پس‌زمینهٔ خانه‌ها را می‌توان با استفاده از پارامترهای خانه‌ها تغییر داد و جدول را به یک نمودار تبدیل کرد؛ همانند آنچه در این صفحه قابل مشاهده است. ویرایش کردن یک «تصویر» در صورت یک جدول بسیار آسان‌تر از ویرایش یک تصویر بارگذاری‌شده است.

تعداد خانه‌های هر ردیف از جدول باید با تعداد خانه‌های سایر ردیف‌های آن یکسان باشد تا تعداد ستون‌های موجود در جدول استوار بماند. در خانه‌های خالی جدول از فاصلهٔ بدون عرض &#x200B; یا فاصلهٔ نشکن قدیمی‌تر &nbsp; به‌عنوان محتوا استفاده کنید تا از نمایش‌یافتن آن‌ها مطمئن شوید.

با استفاده از colspan و rowspan می‌تواند کاری کرد تا خانه‌ها چندین ستون یا چندین ردیف را در بر بگیرند؛ (الگو:پیوند بخش در پایین را ببینید)

تفسیر کردن چپق

هرگاه محتوایی که حاوی یک نویسهٔ چپق بود، به‌درستی تفسیر (رندر) نمی‌شد، تنها کافیست یک قالب خالی برای آن خانه اضافه کنید. نویسهٔ دوم چپق در سطر |محتویات خانه نمایش داده نخواهد شد؛ این نویسه برای افزودن قالب رزرو شده است. ویکی‌متنی که در میان چپق اول و دوم قرار می‌گیرد، همان قالب است، اما از آنجا که خالی بودن یا وجود خطا در آن فضا نادیده گرفته می‌شود، منجر به ناپدید شدن آن می‌شود. هرگاه این اتفاق رخ داد، یک قالب صوری اضافه کنید. (برای قالب‌بندی واقعی، الگو:پیوند بخشرا ببینید.) برای تفسیر نویسهٔ چپق اول در حالت نمایش‌یافتهٔ جدول، سومین نویسهٔ چپق را به محتویات خانه اضافه کنید.

تفسیر کردن نویسهٔ چپق اول در حالی که در متن خانه، نویسهٔ چپق سوم است.

متن مبدأ

{| class=wikitable
|-
|''قالب‌بندی''|چ|پ|ق|
|خ|ا|ن|ه|۲|
|-
|''قالب‌بندی''|چ|پ|ق||''قالب‌بندی''|خ|ا|ن|ه|۲|
|-
||چ|پ|ق|ه|ا||خ|ا|ن|ه|۲|
|}

محصول

چ|پ|ق| ا|ن|ه|۲|
چ|پ|ق خ|ا|ن|ه|۲|
چ|پ|ق|ه|ا ا|ن|ه|۲|

نویسه‌های چپق سوم و پس از آن تفسیر خواهند شد، اما برای نمایش دو نویسهٔ چپق مجاور در یک خانه (به‌جای این که به‌عنوان اولین چپق در آغاز یک خانهٔ جدید عمل کنند)، به سایر گزینه‌های تفسیر چپق نیاز است. به‌جای استفاده از قالب‌بندی صوری برای تفسیر چپق، می‌توانید با ۱) <nowiki>|</nowiki> (ارجح) یا ۲) اچ‌تی‌ام‌ال: &#124; یا &#x7C; آن را به‌طور مستقیم تفسیر کنید. هر خطر از دستورهای خانهٔ جدول در جدول زیر دارای یک چپق ویکی‌متنی است.

نمایش‌دادن چپق‌های مجاور

متن مبدأ

{| class=wikitable
|-
|<nowiki>|</nowiki>چپق‌های۳و۴:<nowiki>||</nowiki>
|-
|&#124;چپق‌های۳و۴:&#124;&#x7C;
|}

محصول

|چپق‌های۳و۴:||
|چپق‌های۳و۴:||

با توجه به ترتیب تجزیه شدن اجزاء صفحه‌ها، الگوی الگو:الگو۲ برابر با نوشتن یک نویسهٔ چپق تنها است. برچسب تجزیه‌گر تکی <nowiki />| در اینجا اعمال نمی‌شود. برای آن که ببینید چطور این برچسب‌ها چپق دوم را همانند نحوهٔ عملکرد &#124 و <nowiki>|</nowiki> (که در بالا توضیح داده شد)، رها نمی‌کند، به نمونهٔ زیر دقت کنید:

سازوکارهای رایجی که در جدول‌های همل نمی‌کنند

متن مبدأ

{| class=wikitable
|-
|<nowiki />|چپق۳:|
|-
|چپق۲:{{!}}چپق۳:{{!}}
|}

محصول

چپق۳:|
چپق۳:|

محدوده

سرآیند‌های ستون به‌جای | با ! scope="col" | تعریف می‌شوند. سرآیندهای ردیف به‌جای | با ! scope="row" | تعریف می‌شوند. هر خانهٔ سرآیند در ویکی‌متن باید در یک سطر جداگانه قرار گیرد. نشانه‌گذاری scope="col" و scope="row" در تمامی جدول‌های داده باید برای سرآیندهای ستون و ردیف استفاده شود؛ زیرا سرآیند را به‌طور صریح با خانه‌های متناظر پیوند می‌دهد و به حصول اطمینان از تجربه‌ای استوار برای صفحه‌خوان‌ها کمک می‌کند. در شیوه‌نامه نیز کاربران به استفاده از محدوده برای سرآیندهای ردیف و ستون ملزم شده‌اند.

در جدول‌های پیچیده، هرگاه یک سرآیند دو ستون یا ردیف را در بر می‌گرفت، از ! scope="colgroup" colspan="2" | یا ! scope="rowgroup" rowspan="2" | به‌ترتیب برای شناساندن واضح سرآیند به‌عنوان سرآیند ستون برای دو ستون یا سرآیند ردیف برای دو ردیف استفاده کنید. اگر سرآیندها واضح نباشند، می‌توانند موجب بروز مشکل در دسترسی‌پذیری شوند؛ از همین روی، برای تنظیم مقداری منحصربه‌فرد بدون فاصله برای هریک از سرآیندها، ازid= استفاده کنید، سپس در خانه‌های داده‌ای که دارای سرآیندهای ناواضح هستند، با استفاده از headers= به آن شناسه(ها) ارجاع دهید و در صورت وجوب بیش از یک شناسه، هریک از شناسه‌ها را نیز با فاصله از یکدیگر جدا کنید.

خانه‌های سرآیند، بسته به مرورگر مورد استفاده، معمولاً به‌شکلی متفاوت از خانه‌های معمولی تفسیر می‌شوند. این خانه‌ها عموماً با قلم درشت تفسیر می‌شوند و متن آن‌ها نیز در وسط قرار می‌گیرد. اگر این شیوهٔ تفسیر از منظر زیبایی‌شناختی مورد نظر شما نیست، جدول را می‌توان با استفاده از کلاس «plainrowheaders» سبک‌بندی کرد تا سرآیندهای ردیف در سمت چپ تراز شوند و نوشته‌ها نیز به‌جای درشت، با قلم عادی نمایش یابند.

در زیر نشانه‌گذاری لازم برای یک نمونهٔ معمولی آمده است:

متن مبدأ

{| class="wikitable plainrowheaders"
 |+ برنگاشت جدول
 ! scope=col | سرآیند ستون ۱
 ! scope=col | سرآیند ستون ۲
 ! scope=col | سرآیند ستون ۳
 |-
 ! scope=row | سرآیند ردیف ۱
 | خانه ۲ || خانه ۳
 |-
 ! scope=row | سرآیند ردیف الف
 | خانه ب || خانه ج
|}

محصول

برنگاشت جدول
سرآیند ستون ۱ سرآیند ستون ۲ سرآیند ستون ۳
سرآیند ردیف ۱ خانه ۲ خانه ۳
سرآیند ردیف الف خانه ب خانه ج

سرآیندهای ردیف

دقت کنید که در صورت استفاده از سرآیندهای ردیف، باید برای خانهٔ سرآیند ردیف از یک خط جداگانه در ویکی‌متن استفاده کنید. در آخرین جدول موجود در بخش پیشین می‌توانید قالب‌بندی درست آن را ببینید. به کاربرد یک چپق‌های تکی و جفت دقت کنید.

نحوهٔ نمایش همان جدول (بدون class=plainrowheaders) در صورتی که ویکی‌متن خانهٔ داده در خطی یکسان با ویکی‌متن سرآیند ردیف درج شود، در نمونهٔ زیر نمایش یافته است. دقت کنید که متن خانهٔ داده نیز پررنگ شده است و رنگ پس‌زمینهٔ خانه‌های داده نیز با پس‌زمینهٔ سرآیندهای ردیف و ستون یکسان است. خانه‌های داده در حالت عادی باید دارای متن غیر درشت و ساده باشند و پس‌زمینهٔ آن‌ها نیز باید کم‌رنگ‌تر باشد.

متن مبدأ

{| class=wikitable
 |+ برنگاشت جدول
 ! scope=col | سرآیند ستون ۱
 ! scope=col | سرآیند ستون ۲
 ! scope=col | سرآیند ستون ۳
 |-
 ! scope=row | سرآیند ردیف ۱ || خانه ۲ || خانه ۳
 |-
 ! scope=row | سرآیند ردیف الف || خانه ب || خانه ج
|}

محصول

برنگاشت جدول
سرآیند ستون ۱ سرآیند ستون ۲ سرآیند ستون ۳
سرآیند ردیف ۱ خانه ۲ خانه ۳
سرآیند ردیف الف خانه ب خانه ج

اگر یک جدول ویکی بلند همانند نمونهٔ فوق دارید و می‌خواهید به‌طور سریع رنگ پس‌زمینهٔ خانه‌های داده را روشن‌تر کنید، از Excel2Wiki استفاده کنید. جدول را به‌طور مستقیم از صفحه (و نه از ویکی‌متن آن) کپی کنید و آن را به Excel2Wiki بدهید. برنگاشت جدول را فعلاً حذف کنید. جعبه‌های زیر را تیک بزنید:

  • format first row as header
  • format first column as header

بسته به تصمیم خود، گزینهٔ «sortable» را نیز در صورت نیاز به جدول قابل مرتب‌سازی، تیک بزنید یا در غیر این صورت تیک آن را بردارید. سپس روی «Convert» کلیک کنید. نتیجه‌ای که به‌شکل ویکی‌متن ظاهر می‌شود را مجدداً به ویکی خود کپی کنید. برای تنظیم رنگ پس‌زمینهٔ جدول‌های ویکی، باید class=wikitable را نیز به آغاز جدول اضافه کنید.

Excel2Wiki با قرار دادن خانه‌های سرآیند ردیف در یک خطوط جداگانه در ویکی‌متن، مشکل مذکور را برطرف می‌کند. برای این که class=plainrowheaders عمل کند (در صورت نیاز) و متن سرآیندهای ردیف به‌صورت غیر پررنگ نمایش یابد، باید مجدداً محدوه‌ها (scope) را به جدول اضافه کنید.

اگر جدول شما دارای برنگاشت بوده و آن را در ابتدای کار حذف کرده‌اید، آن را نیز (در صورت نیاز) مجدداً به جدول برگردانید.

متن مبدأ

{| class=wikitable
|+ برنگاشت جدول
! سرآیند ستون ۱ !! سرآیند ستون ۲ !! سرآیند ستون ۳
|-
! سرآیند ردیف ۱ 
| خانه ۲ || خانه ۳
|-
! سرآیند ردیف الف
| خانه ب || خانه ج
|}

محصول

برنگاشت جدول
سرآیند ستون ۱ سرآیند ستون ۲ سرآیند ستون ۳
سرآیند ردیف ۱ خانه ۲ خانه ۳
سرآیند ردیف الف خانه ب خانه ج

روش دیگر برای حل این مشکل این است که ویکی‌متن جدول را به یک ویرایشگر متن نظیر نرم‌افزار رایگان NoteTab Light کپی کنید. روش زیر برای جدول‌های حاوی الگوهای پرچم کاربرد دارد. در ویکی‌متن جدول:

}}||

را با

}}^P|

جایگزین کنید. ^P درواقع کد قابل شناسایی توسط NoteTab Light برای خط جدید است. روش فوق، خانه‌های سرآیند ردیف را در ویکی‌متن در یک خط جداگانه قرار می‌دهد و الگوها، کلاس‌ها، محدوده‌ها، سبک‌بندی‌ها و دیگر تنظیمات شما نیز از دست نخواهند رفت.

استفاده هم‌زمان از COLSPAN و ROWSPAN

دستورهای ویکی

{| border="1" cellpadding="5" cellspacing="0"|-
| ستون ۱ || ستون ۲ || ستون ۳
|-
| rowspan="2"| آ
| colspan="2" align="center"| ب
|-
| پ <!-- ستون ۱ توسط خانه آ اشغال شده -->
| ت
|-
| ث
| rowspan="2" colspan="2" align="center"| ج
|-
| چ <!-- ستون‌های ۲+۳ توسط خانه ج اشغال شده -->
|-
| colspan="3" align="center"| ح
|}

چیزی که در مرورگر خود می‌بینید

ستون ۱ ستون ۲ ستون ۳
آ ب
پ ت
ث ج
چ
ح

توجه داشته باشید که استفاده از rowspan="2" برای خانه چ همراه rowspan="3" برای خانه ج جهت اضافه کردن یک ردیف زیرچ و ج ممکن نیست، چراکه همهٔ خانه‌ها (ی مجازی) خالی خواهند بود. همچنین تمام ستون‌ها در صورت خالی بودن خانه‌هایشان نمایش داده نخواهند شد. خطوط بین خانه‌های خالی و پر هم ممکن است نمایش داده نشوند (بسته به نوع مرورگر)؛ از &nbsp; برای پر کردن یک خانهٔ خالی با یک محتوای ساختگی استفاده کنید.

وسط قرار دادن جدول‌ها

وسط قرار دادن جدول‌ها امکان‌پذیر است، اما آنها "float" نخواهند بود؛ درواقع، متنی در طرفین جدول نمایش داده نخواهد شد. روش این کار استفاده از {| style="margin: 1em auto 1em auto" است.

دستورهای ویکی

{| class="wikitable" style="margin: 1em auto 1em auto"
|+ '''Cells left-aligned, table centered'''
! Duis || aute || irure
|-
| dolor  || in reprehenderit || in voluptate velit
|-
| esse cillum dolore || eu fugiat nulla || pariatur.
|}

چیزی که در مرورگر خود می‌بینید

Cells left-aligned, table centered
Duis aute irure
dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.

مثال برای جهت دادن متن درون یک ردیف

{| border="1"
|- style="text-align: center;"
|یک جدول نمونه که متنش در جهت‌های متفاوت نمایش داده می‌شود || مثال ...
|- style="text-align: center;"
|مثال || مثال
|- style="text-align: left;"
|مثال  || مثال
|- style="text-align: right;"
|مثال || مثال
|}
یک جدول نمونه که متنش در جهت‌های متفاوت نمایش داده می‌شود مثال ...
مثال مثال
مثال مثال
مثال مثال

تنظیمات بیشتر

برای تنظیمات بیشتر جداول شما باید با HTML و CSS آشنا باشید.

درست مانند HTML که پس از عبارت TABLE> می‌توانید به تنظیم خصوصیات جدول بپردازید، در روش چپقی ایجاد جدول نیز می‌توانید دقیقا همان تنظیمات را در دنباله سطری که با |} آغاز شده قرار بدهید.

به مثال زیر توجه کنید:

کد محصول
{| class="wikitable" style="text-align:center"
|+جدول ضرب
|-
! ×!! ۱!! ۲!! ۳
|-
! ۱
| ۱ || ۲ || ۳
|-
! ۲
| ۲ || ۴ || ۶
|-
! ۳
| ۳ || ۶ || ۹
|-
! ۴
| ۴ || ۸ || ۱۲
|-
! ۵
| ۵ || ۱۰ || ۱۵
|}
جدول ضرب
× ۱ ۲ ۳
۱ ۱ ۲ ۳
۲ ۲ ۴ ۶
۳ ۳ ۶ ۹
۴ ۴ ۸ ۱۲
۵ ۵ ۱۰ ۱۵

در این مثال، هم از دستور class استفاده شده بود، و هم با کمک دستور style ظاهر جدول بهینه‌سازی شده بود.

مقایسهٔ ساختار جدول در اکس‌اچ‌تی‌ام‌ال با روش چپقی

اکس‌اچ‌تی‌ام‌ال روش چپقی ویکی
جدول
{|
|}
{|
|}
برنگاشت
<caption>برنگاشت</caption>
|+ برنگاشت
ردیف
|-
|-
سلول داده
| سلول ۱||سلول ۲||سلول ۳
| سلول ۱|| سلول ۲
| سلول ۳
سلول سرآیند
! scope="col" | سربرگ ستون

! scope="row" | سربرگ ردیف

! scope="col" | سربرگ ستون

! scope="row" | سربرگ ردیف
نمونه جدول
۱ ۲
۳ ۴
{|
|-
| ۱||۲
|-
| ۳||۴
|}
{|
| ۱ || ۲
|-
| ۳ || ۴
|}
خوبی‌ها
  • می‌توان با هر ویرایشگر اکس‌اچ‌تی‌ام‌الی ویرایش کرد و پیش‌نمایشش را دید
  • برای ساده‌تر خوانده شدن می‌توان تورفتگی (به انگلیسی: indent) کرد
  • روشی شناخته‌شده است
  • به سرخط حساس نیست
  • بدون نویسه‌هایی مثل "|" که ممکن است با الگو و تجزیه گر نحو تابع سازگار نباشد
  • نوشتنش ساده است
  • خواندنش ساده است
  • فضای کمی می‌گیرد
  • به سرعت می‌توان آموخت
بدی‌ها
  • خسته‌کننده
  • فضای بسیاری می‌گیرد
  • تندخوانی آن دشوار است
  • جای گذاری تصادفی "TR" به‌جای "TD" می‌تواند سبب ساعت‌ها سردرگمی شود.
  • کد تورفته (به انگلیسی: Indented) ممکن است با تودرتویی (به انگلیسی: nesting) جدول هم‌خوانی نداشته باشد.
  • در برخی موارد سرخط‌ها می‌توانند موجب شکستگی سلول‌ها شوند و سردرگمی شدیدی پدید آورند (چرا که سرخط‌ها معمولا مشکلی ایجاد نمی‌کنند).
  • ساختار شناخته‌نشده
  • ساختار سفت و محکم (به انگلیسی: Rigid)
  • نمی‌توان تورفتگی کرد.
  • ممکن است برخی افراد متنِ برچسب‌دار اچ‌تی‌ام‌ال را بتوانند ساده‌تر از یک سری چپق و علامت جمع و خط فاصله و... بخوانند.
  • نیاز به استفاده از الگو:! دارد تا "|" را به عنوان پارامتر بگیرد.
  • به سرخط‌ها حساس است؛ پال:راهنمای ویرایش صفحه‌ها را ببینید.
اکس‌اچ‌تی‌ام‌ال روش چپقی ویکی

کلاس‌ها

در ابتدای کد جدول و پس از {| به جای آنکه یک‌راست سراغ استفاده از استایل (style) می‌توان از یک یا چند کلاس یاد کرد که ممکن است برای اعمال استایل بکار بروند. به جای به خاطر سپردن پارامترها جدول، می‌توان از یک کلاس مناسب استفاده کرد، اینکار افزون بر سادگی، شرایط سازگاری بهتر جدول‌ها را فراهم می‌آورد و با یک تعمیر کوچک در یک کلاس می‌توان کلیهٔ جدول‌هایی که از آن کلاس استفاده می‌کنند را تعمیر کرد.

به نمونهٔ زیر توجه کنید:

{| cellpadding="2"
|+ جدول ضرب
|-
! scope="col" | &times;
! scope="col" | 1
! scope="col" | 2
! scope="col" | 3
|-
! scope="row" | 1
| ۱ || ۲ || ۳
|-
! scope="row" | 2
| ۲ || ۴ || ۶
|-
! scope="row" | 3
| ۳ || ۶ || ۹
|-
! scope="row" | 4
| ۴ || ۸ || ۱۲
|-
! scope="row" | 5
| ۵ || ۱۰ || ۱۵
|}
جدول ضرب
× 1 2 3
1 ۱ ۲ ۳
2 ۲ ۴ ۶
3 ۳ ۶ ۹
4 ۴ ۸ ۱۲
5 ۵ ۱۰ ۱۵
با استفاده از کلاس wikitable به این تبدیل می‌شود:
{| class="wikitable"
|+ جدول ضرب
|-
! scope="col" | &times;
! scope="col" | 1
! scope="col" | 2
! scope="col" | 3
|-
! scope="row" | 1
| ۱ || ۲ || ۳
|-
! scope="row" | 2
| ۲ || ۴ || ۶
|-
! scope="row" | 3
| ۳ || ۶ || ۹
|-
! scope="row" | 4
| ۴ || ۸ || ۱۲
|-
! scope="row" | 5
| ۵ || ۱۰ || ۱۵
|}
جدول ضرب
× 1 2 3
1 ۱ ۲ ۳
2 ۲ ۴ ۶
3 ۳ ۶ ۹
4 ۴ ۸ ۱۲
5 ۵ ۱۰ ۱۵

این کلاس در مدیاویکی:Common.css تعریف شده است.

قوانین مشخص شده در استایل، قوانین مشخص شده در کلاس را پایمال می‌کنند؛ بنابراین می‌توان فرم کلی جدول را از کلاس گرفت و تغییرات جزئی مورد نظر را در استایل‌ها اعمال کرد:

در زبان ویکی:

{| class="wikitable" style="font-style:italic; font-size:120%; border: 3px dashed red;"
|+ Multiplication table
|-
! scope="col" | &times;
! scope="col" | 1
! scope="col" | 2
! scope="col" | 3
|-
! scope="row" | 1
| ۱ || ۲ || ۳
|-
! scope="row" | 2
| ۲ || ۴ || ۶
|-
! scope="row" | 3
| ۳ || ۶ || ۹
|-
! scope="row" | 4
| ۴ || ۸ || ۱۲
|-
! scope="row" | 5
| ۵ || ۱۰ || ۱۵
|}

نمایش آن در مرورگر:

Multiplication table
× 1 2 3
1 ۱ ۲ ۳
2 ۲ ۴ ۶
3 ۳ ۶ ۹
4 ۴ ۸ ۱۲
5 ۵ ۱۰ ۱۵

البته این ویژگی تنها در مرورگرهایی که از سی‌اس‌اسِ درون‌خطی پشتیبانی می‌کنند استفاده‌پذیر است. اگر برایتان مهم است، می‌توانید از نشانه‌گذاری‌های اکس‌اچ‌تی‌ام‌ال مانند <big> به جای font-size:120% استفاده کنید، یا از ''متن'' در زبان ویکی به جای font-style:italic.

کلاس collapsible

از این کلاس برای ایجاد جدول‌های قابل نهفتن استفاده می‌شود مانند:

{| class="wikitable collapsible collapsed"
|-
! سرآیند
|-
| محتوایی که در آغاز، پنهان است
|-
| محتوای پنهان دیگر
|}

که نتیجه می‌دهد:

کلاس sortable

با استفاده از کلاس sortable می‌توان جدول‌ها را مرتب شدنی کرد.

در زبان ویکی

{| class="wikitable sortable" border="1"
|+ Sortable table
|-
! scope="col" | الفبایی
! scope="col" | عددی
! scope="col" | تاریخ
! scope="col" class="unsortable" | مرتب نشدنی
|-
| d || 20 || 2008-11-24 || این
|-
| b || 8 || 2004-03-01 || ستون
|-
| a || 6 || 1979-07-23 || را
|-
| c || 4 || 1492-12-08 || نمی‌توان
|-
| e || 0 || 1601-08-13 || مرتب کرد
|}

آنگونه که در مرورگر نمایان می‌شود:

Sortable table
الفبایی عددی تاریخ مرتب نشدنی
d 20 2008-11-24 این
b 8 2004-03-01 ستون
a 6 1979-07-23 را
c 4 1492-12-08 نمی‌توان
e 0 1601-08-13 مرتب کرد

اگر می‌خواهید جدولی هم مرتب شدنی باشد و هم پنهان پذیر، می‌توانید هر دو کلاس را با هم استفاده کنید:

{| class="wikitable sortable collapsible"

برخی از کلاس-الگو های کاربردی
الگو کلاس عملکرد
{{سربرگ چسبیده‏‏}} sticky-header چسباندن ردیف اول
sticky-header-multi چسباندن همه ردیف‌ها
{{ردیف‌بندی جدول}} mw-datatable مشخص کردن ردیف‌ها با حرکت موس
{{Sort under}} sort-under قرار دادن تنظیم‌گر جدول در زیر متن سمت راست
sort-under-right قرار دادن تنظیم‌گر جدول در زیر متن سمت راست
sort-under-center قرار دادن تنظیم‌گر جدول در زیر متن سمت وسط
{{static row numbers}} static-row-numbers قرار دادن جدول عدد در جدول به صورت اتوماتیک

ساخت جدول بر پایه فایل اکسل

  1. نرم‌افزار وب‌گاه اکسل۲ویکی:درصورتی که جدولی در برنامه اکسل دارید و قصد انتقال آن را به اسلامیکال دارید فقط کافی هست خانه‌هایی را که می‌خواهید به اسلامیکال انتقال دهید را انتخاب کنید و با زدن دکمه c + Ctrl یا کلیک سمت راست > کپی محتویات خانه‌ها را کپی کنید و در وب‌گاهی نظیر آنچه http://excel2wiki.net فراهم می‌کرد، paste کنید، یا v + Ctrl را بفشارید و با زدن دکمه submit در پایین جدول مورد نظر شما را تحویل می‌دهد که با کپی کردن آن درون ویکی این جدول به درستی کار می‌کند. نرم افزار این وبگاه را می توانید از گیت هاب دریافت کنید و آن در بستری با پشتیبانی از پی‌اچ‌پی نصب و راه‌اندازی کنید.
  2. افزونه اکسل: کدهای ویژوال بیسیک بسیاری در اینترنت وجود دارند که بر پایه آموزش‌هایشان می‌توانید محتویات اکسل را به ویکی تبدیل کنید و معمولاً این کدها در زمانی کاربرد دارند که دسترسی به اینترنت ندارید و می‌خواهید جدول را روی هارد ذخیره کنید.