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

محتوای حذف‌شده محتوای افزوده‌شده
جز دالبا صفحهٔ راهنما:جدول‌ها را به راهنما:جدول منتقل کرد
Khatoonabadi (بحث | مشارکت‌ها)
جز ویرایش به وسیلهٔ ابزار خودکار ابرابزار
خط ۳:
کارکتر لاتین | در صفحه‌کلید کامپیوتر، به اصطلاح انگلیسی Pipe خوانده می‌شود، که ما آن را به «چپق» ترجمه می‌کنیم. جداولی که در ویکی می‌سازید با کمک ترکیباتی از کاراکترها ساخته می‌شوند که در ویکی انگلیسی به آن Pipe syntax گفته می‌شود و ما آن را به «روش چپقی» ترجمه می‌کنیم.
 
== خودآموز ایجاد جدول با روش چپقی ==
 
تمام اطلاعاتی که در یک جدول قرار می‌گیرد، توسط دستور اصلی روش چپقی، که عبارت‌است از آکولاد به علاوه کاراکتر چپق، احاطه می‌شود. پس به طور کلی اطلاعات ساختار اولیه یک جدول چنین است:
خط ۵۲:
دو نکته در این مرحله قابل توجه است.
 
1۱. روش سادهٔ ایجاد یک خانه در یک ردیف جدول، همان طور که دیدید، عبارت است از رفتن به سطر جدید، و شروع سطر با کاراکتر چپق و یک فاصله. روش آسان تر آن است که اولین خانه در هر سطر جدول مانند فوق ایجاد شود، اما برای خانه‌های بعدی همان سطر جدول، به جای رفتن به سطر بعدی و وارد کردن کاراکتر چپق، در همان سطر دو بار کاراکتر چپق را وارد کنید. به عنوان نمونه، کد زیر همان چیزی را نشان می‌دهد که کد قبلی نشان داد.
 
<pre><nowiki>{|</nowiki>
خط ۶۳:
<nowiki>|}</nowiki></pre>
 
2۲. غیر از خانه‌های معمولی، جداول می‌توانند خانه‌های ویژه‌ای موسوم به خانه‌های عنوان‌گذاری یا Heading Cell داشته باشند. متن این خانه‌ها معمولاً کلفت‌تر نوشته می‌شود. در دستور زبان چپقی این خانه‌ها به جای آن که با | شروع شوند، با ! شروع می‌شوند. هم‌چنین اگر چند تا از خانه‌های این چنینی در یک سطر باشند، به جای آن که با || از هم جدا شوند، با !! از هم جدا می‌شوند. مثال زیر گویا تر از توضیح ما است:
 
{| style="width:100%;border-collapse:collapse;" border="1" cellpadding="3"
خط ۹۱:
|}
 
== استفاده هم‌زمان از COLSPAN و ROWSPAN ==
 
'''دستورات ویکی'''
خط ۱۳۲:
|}
 
توجه داشته باشید که استفاده از <code>rowspan="2"</code> برای خانه '''چ''' همراه <code>rowspan="3"</code> برای خانه '''ج''' جهت اضافه کردن یک ردیف زیر'''چ''' و '''ج''' ممکن نیست، چراکه همه‌یهمهٔ خانه‌ها (ی مجازی) خالی خواهند بود.
همچنین تمام ستون‌ها در صورت خالی بودن خانه‌هایشان نمایش داده نخواهند شد. خطوط بین خانه‌های خالی و پر هم ممکن است نمایش داده نشوند (بسته به نوع مرورگر)؛ از <code>&amp;nbsp;</code> برای پر کردن یک خانه‌یخانهٔ خالی با یک محتوای ساختگی استفاده کنید.
 
=== وسط قرار دادن جدول‌ها ===
وسط قرار دادن جدول‌ها امکان‌پذیر است، اما آنها "float" نخواهند بود؛ درواقع، متنی در طرفین جدول نمایش داده نخواهد شد. روش این کار استفاده از <tt><nowiki>{| style="margin: 1em auto 1em auto"</nowiki></tt> است.
 
خط ۱۵۹:
| esse cillum dolore || eu fugiat nulla || pariatur.
|}
 
== مثال برای جهت دادن متن درون یک ردیف ==
<pre>
{| border="1"
سطر ۱۶۵ ⟵ ۱۶۶:
|یک جدول نمونه که متنش در جهت‌های متفاوت نمایش داده می‌شود || مثال ......
|- style="text-align: center;"
|مثال || مثال
|- style="text-align: left;"
|مثال || مثال
سطر ۱۷۷ ⟵ ۱۷۸:
|یک جدول نمونه که متنش در جهت‌های متفاوت نمایش داده می‌شود || مثال ......
|- style="text-align: center;"
|مثال || مثال
|- style="text-align: left;"
|مثال || مثال
سطر ۲۴۵ ⟵ ۲۴۶:
در این مثال، هم از دستور class استفاده شده بود، و هم با کمک دستور style ظاهر جدول بهینه‌سازی شده بود.
 
== مقایسه‌یمقایسهٔ ساختار جدول در اکس‌اچ‌تی‌ام‌ال با روش چپقی ==
{| class="wikitable"
|
! scope="col" | [[اکس‌اچ‌تی‌ام‌ال]]
! scope="col" | روش چپقی ویکی
سطر ۲۷۱ ⟵ ۲۷۲:
|-
! scope="row" | سلول [[سرآیند]]
| <pre><th scope="col">سربرگ ستون</th></pre><br>{{سخ}}<pre><th scope="row">سربرگ ردیف</th></pre>
| <pre>! scope="col" | سربرگ ستون</pre><br>{{سخ}}<pre>! scope="row" | سربرگ ردیف</pre>
|-
! scope="row" rowspan="2" | نمونه جدول
سطر ۲۹۸ ⟵ ۲۹۹:
</table></pre>
| <pre>{|
| 1۱ || 2۲
|-
| 3۳ || 4۴
|}</pre>
|- style="vertical-align: top;"
سطر ۳۳۲ ⟵ ۳۳۳:
* به سرخط‌ها حساس است؛ [[وپ:راهنمای ویرایش صفحه‌ها]] را ببینید.
|-
! scope="col" |
! scope="col" | [[اکس‌اچ‌تی‌ام‌ال]]
! scope="col" | روش چپقی ویکی
|}
 
== کلاس‌ها ==
در ابتدای کد جدول و پس از <nowiki><code>{|</code></nowiki> به جای آنکه یک‌راست سراغ استفاده از استایل (<code>style</code>) می‌توان از یک یا چند کلاس یاد کرد که ممکن است برای اعمال استایل بکار بروند. به جای به خاطر سپردن پارامترها جدول، می‌توان از یک کلاس مناسب استفاده کرد، اینکار افزون‌بر سادگی، شرایط سازگاری بهتر جدول‌ها را فراهم می‌آورد و با یک تعمیر کوچک در یک کلاس می‌توان کلیهٔ جدول‌هایی که از آن کلاس استفاده می‌کنند را تعمیر کرد.
 
سطر ۳۵۲ ⟵ ۳۵۳:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</nowiki></pre></div>
سطر ۳۷۸ ⟵ ۳۷۹:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</div></td></tr><tr>
سطر ۴۰۵ ⟵ ۴۰۶:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</nowiki></pre></div>
سطر ۴۳۱ ⟵ ۴۳۲:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</div></td></tr></table>
سطر ۴۶۲ ⟵ ۴۶۳:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</nowiki></pre></div>
سطر ۴۸۹ ⟵ ۴۹۰:
|-
! scope="row" | 1
| 1۱ || 2۲ || 3۳
|-
! scope="row" | 2
| 2۲ || 4۴ || 6۶
|-
! scope="row" | 3
| 3۳ || 6۶ || 9۹
|-
! scope="row" | 4
| 4۴ || 8۸ || 12۱۲
|-
! scope="row" | 5
| 5۵ || 10۱۰ || 15۱۵
|}
</div>
سطر ۵۰۷ ⟵ ۵۰۸:
البته این ویژگی تنها در مرورگرهایی که از سی‌اس‌اسِ درون‌خطی پشتیبانی می‌کنند استفاده‌پذیر است. اگر برایتان مهم است، می‌توانید از نشانه‌گذاری‌های اکس‌اچ‌تی‌ام‌ال مانند <code><nowiki><big></nowiki></code> به جای <code>font-size:120%</code> استفاده کنید، یا از <code><nowiki>''متن''</nowiki></code> در زبان ویکی به جای <code>font-style:italic</code>.
 
=== کلاس collapsible ===
از این کلاس برای ایجاد جدول‌های قابل نهفتن استفاده می‌شود مانند:
<pre style="display: inline-block;">
سطر ۵۳۱ ⟵ ۵۳۲:
|}
 
=== کلاس sortable ===
با استفاده از کلاس sortable می‌توان جدول‌ها را مرتب‌شدنی کرد.
 
سطر ۵۸۸ ⟵ ۵۸۹:
# '''افزونه اکسل:''' کدهای [[ویژوال بیسیک]] بسیاری در اینترنت وجود دارند که بر پایه آموزش‌هایشان می‌توانید محتویات [[اکسل]] را به ویکی تبدیل کنید و معمولا این کدها در زمانی کاربرد دارند که دسترسی به اینترنت ندارید و می‌خواهید جدول را روی هارد ذخیره کنید.
 
== مطالعه بیشتر ==
برای مطالعه بیشتر و آشنایی با سایر تغییراتی که در ساختار و ظاهر جداول می‌توان داد، به [http://en.wikipedia.org/wiki/Help:Table صفحهٔ روش استفاده از جدول‌ها در ویکی‌پدیای انگلیسی] مراجعه کنید.
 
[[رده:کتاب راهنمای ویرایشگر]]