Aboammar: صفحه‌ای تازه حاوی «{{Documentation subpage}}{{میانبر الگو|mw-datatable|ردیف‌بندی جدول|ردیف بندی جدول}} {{uses TemplateStyles|Template:Row hover highlight/styles.css}} == استفاده از{{row hover highlight}} == Basic usage:
'''Wikitext''' {{row hove...» ایجاد کرد

2024-05-24T01:16:30Z

صفحه‌ای تازه حاوی «{{Documentation subpage}}{{میانبر الگو|mw-datatable|ردیف‌بندی جدول|ردیف بندی جدول}} {{uses TemplateStyles|Template:Row hover highlight/styles.css}} == استفاده از<nowiki>{{row hover highlight}}</nowiki> == Basic usage: <div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; "> '''Wikitext''' <syntaxhighlight lang="wikitext" highlight="1-2"> {{row hove...» ایجاد کرد

صفحهٔ تازه

{{Documentation subpage}}{{میانبر الگو|mw-datatable|ردیف‌بندی جدول|ردیف بندی جدول}}
{{uses TemplateStyles|Template:Row hover highlight/styles.css}}

== استفاده از<nowiki>{{row hover highlight}}</nowiki> ==
Basic usage:
<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Wikitext'''
<syntaxhighlight lang="wikitext" highlight="1-2">
{{row hover highlight}}
{| class=mw-datatable
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</syntaxhighlight></div>

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Rendered result'''
{{row hover highlight}}
{| class=mw-datatable
|-
! 1
! 2
! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</div>

<code>class=mw-datatable</code> can be used in combination with <code>class=wikitable</code>, in which case the non-header cells will have a white background.

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Wikitext'''
<syntaxhighlight lang="wikitext" highlight="1-2">
{{row hover highlight}}
{| class="wikitable mw-datatable"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</syntaxhighlight></div>

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Rendered result'''
{{row hover highlight}}
{| class="wikitable mw-datatable"
|-
! 1
! 2
! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</div>

To keep the light gray background from <code>class=wikitable</code>, use <code>class=hover-highlight</code>:

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Wikitext'''
<syntaxhighlight lang="wikitext" highlight="1-2">
{{row hover highlight}}
{| class="wikitable hover-highlight"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</syntaxhighlight></div>

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Rendered result'''
{{row hover highlight}}
{| class="wikitable hover-highlight"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</div>

== Using <nowiki>{{mw-datatable}}</nowiki> for white background ==

If you want a white background for data cells, then this may be easier to remember since the template and class name are the same.

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Wikitext'''
<syntaxhighlight lang=wikitext highlight="1-2">
{{mw-datatable}}
{| class="wikitable mw-datatable"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</syntaxhighlight></div>

<div style="display:inline-grid; border: 2px solid lime; padding: 0.5em; background-color:white; ">
'''Rendered result'''
{{mw-datatable}}
{| class="wikitable mw-datatable"
|-
! 1
! 2
! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
</div>

الگو:Row hover highlight/توضیحات - تاریخچهٔ نسخه‌ها