සැකිල්ල:Row hover highlight

සැකිලි ප්‍රලේඛනය[නරඹන්න] [සංස්කරණය] [ඉතිහාසය] [විරේචනය]

{{mw-datatable}}

This template uses TemplateStyles:

Template:Row hover highlight/styles.css

This template enables row hover highlighting via wikitable class modifiers mw-datatable and hover-highlight.

In addition to adding row highlights, mw-datatable also changes the background of the cells to white. To only add a highlight, use hover-highlight.

Using {{row hover highlight}}

Basic usage:

Wikitext

{{row hover highlight}}
{| class=mw-datatable
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}

Rendered result

1	2	3
1-1	2-1	3-1
1-2	2-2	3-2

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

Wikitext

{{row hover highlight}}
{| class="wikitable mw-datatable"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}

Rendered result

1	2	3
1-1	2-1	3-1
1-2	2-2	3-2

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

Wikitext

{{row hover highlight}}
{| class="wikitable hover-highlight"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}

Rendered result

1	2	3
1-1	2-1	3-1
1-2	2-2	3-2

Using {{mw-datatable}} 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.

Wikitext

{{mw-datatable}}
{| class="wikitable mw-datatable"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}

Rendered result

1	2	3
1-1	2-1	3-1
1-2	2-2	3-2

ඉහත ප්‍රලේඛනය සැකිල්ල:Row hover highlight/doc වෙතින් අන්තහ්කරණය කොට ඇත .
මෙම සැකිල්ලෙහි වැලිපිල්ල සහ පරික්ෂණ අවස්ථා පිටුවල, සංස්කාරක වරුන්ට පර්යේෂණ සිදු කල හැක.
කරුණාකර /ලේඛය උපපිටුවට ප්‍රවර්ග එක්කරන්න. සැකිල්ලෙහී උපපිටු.

Using {{row hover highlight}}

Using {{mw-datatable}} for white background

See also