Tu banner alternativo

Template:Static row numbers/testcases

In today's world, Template:Static row numbers/testcases has become a topic of great relevance and interest to a wide variety of people. Whether due to its impact on society, its historical relevance or its influence on different aspects of daily life, Template:Static row numbers/testcases is a topic that we cannot ignore. Throughout history, Template:Static row numbers/testcases has played a fundamental role in the development of humanity, and its importance is still evident today. In this article, we will further explore the impact of Template:Static row numbers/testcases and its relevance in the contemporary world, analyzing different perspectives and aspects related to this very relevant topic.

Tu banner alternativo

Uses {{static row numbers/sandbox}}. Note that it's not possible to compare the live and sandbox versions of styles.css on the same page since they would compete with each other.

Test ranking on sortable wikitable

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| class="wikitable sortable static-row-numbers"
|+ Caption
|-
! Header
|- class="sorttop static-row-header"
| '''Top 1'''
|- class="sorttop static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="sortbottom static-row-header"
| '''Bottom 1'''
|- class="sortbottom static-row-header"
| '''Bottom 2'''
|}

Test ranking on sortable plain table with borders

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| border="1" class="sortable static-row-numbers"
|+ Caption
|-
! Header
|- class="sorttop static-row-header"
| '''Top 1'''
|- class="sorttop static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="sortbottom static-row-header"
| '''Bottom 1'''
|- class="sortbottom static-row-header"
| '''Bottom 2'''
|}

Test ranking on sortable plain table without borders

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| class="sortable static-row-numbers"
|+ Caption
|-
! Header
|- class="sorttop static-row-header"
| '''Top 1'''
|- class="sorttop static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="sortbottom static-row-header"
| '''Bottom 1'''
|- class="sortbottom static-row-header"
| '''Bottom 2'''
|}

Test ranking on wikitable

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| class="wikitable static-row-numbers"
|+ Caption
|-
! Header
|- class="static-row-header"
| '''Top 1'''
|- class="static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="static-row-header"
| '''Bottom 1'''
|- class="static-row-header"
| '''Bottom 2'''
|}

Test ranking on plain table with borders

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| border="1" class="static-row-numbers"
|+ Caption
|-
! Header
|- class="static-row-header"
| '''Top 1'''
|- class="static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="static-row-header"
| '''Bottom 1'''
|- class="static-row-header"
| '''Bottom 2'''
|}

Test ranking on plain table without borders

Produces:

Caption
Header
Top 1
Top 2
Rank 1
Rank 2
Norank 1
Norank 2
Rank 3
Rank 4
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| class="static-row-numbers"
|+ Caption
|-
! Header
|- class="static-row-header"
| '''Top 1'''
|- class="static-row-header"
| '''Top 2'''
|-
| Rank 1
|-
| Rank 2
|- class="static-row-numbers-norank"
| Norank 1
|- class="static-row-numbers-norank"
| Norank 2
|-
| Rank 3
|-
| Rank 4
|- class="static-row-header"
| '''Bottom 1'''
|- class="static-row-header"
| '''Bottom 2'''
|}

Test first row auto no-rank on sortable wikitable

Produces:

Caption
Header
Data
Data

Wikitext:

{{Static row numbers/sandbox}}
{| class="wikitable sortable static-row-numbers"
|+ Caption
|-
! Header
|-
| Data
|-
| Data
|}

Test first row auto no-rank on sortable plain table

Plain table border added to aid comparison.

Produces:

Caption
Header
Data
Data

Wikitext:

{{Static row numbers/sandbox}}
{| border="1" class="sortable static-row-numbers"
|+ Caption
|-
! Header
|-
| Data
|-
| Data
|}

Test first row auto no-rank on wikitable

Produces:

Caption
Header
Data
Data

Wikitext:

{{Static row numbers/sandbox}}
{| class="wikitable static-row-numbers"
|+ Caption
|-
! Header
|-
| Data
|-
| Data
|}

Test first row auto no-rank on plain table

Plain table border added to aid comparison.

Produces:

Caption
Header
Data
Data

Wikitext:

{{Static row numbers/sandbox}}
{| border="1" class="static-row-numbers"
|+ Caption
|-
! Header
|-
| Data
|-
| Data
|}

Test column label on sortable wikitable

Uses static-row-header-hash class to display hash ("#") text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Uses static-row-header-text class to display "No." text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Test column label on sortable plain table

Plain table border added to aid comparison.

Uses static-row-header-hash class to display hash ("#") text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Uses static-row-header-text class to display "No." text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Test column label on wikitable

Uses static-row-header-hash class to display hash ("#") text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Uses static-row-header-text class to display "No." text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Test column label on plain table

Plain table border added to aid comparison.

Uses static-row-header-hash class to display hash ("#") text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Uses static-row-header-text class to display "No." text:

Caption
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Test alignment of numbers

Uses static-row-header-text class to display "No." text:

Align right (default)
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data
Align center (static-row-numbers-center)
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data
Align left (static-row-numbers-left)
Header 1 Header group 1 Header group 2 (long to see alignment when wrapped on narrow screen)
Header 2 Header 3 Header 4 Header 5 Header 6
Data Data Data Data Data Data
Data Data Data Data Data Data

Test top-X

Uses data-srn-limit table attribute with supported values of: 10.

Limitations with using nth-child:

  • Table must be sortable that moves headers to <thead> pre-sort; can't skip headers in <tbody> on non-sortable tables so counted during numbering.
  • No sorttop (uses static-row-header class) above sortable data; moved to <thead> post-sort, but can't skip them pre-sort while in <tbody> so counted during numbering.
  • No static-row-numbers-norank classes in sortable data; can't skip them so counted during numbering.

Can have sortbottom rows below sortable data since they initially have no count and are moved to <tfoot> post-sort.

Produces:

Caption
Header
Rank 1
Rank 2
Rank 3
Rank 4
Rank 5
Rank 6
Rank 7
Rank 8
Rank 9
Rank 10
Rank 11
Rank 12
Bottom 1
Bottom 2

Wikitext:

{{Static row numbers/sandbox}}
{| class="wikitable sortable static-row-numbers" data-srn-limit="10"
|+ Caption
|-
! Header
|-
| Rank 1
|-
| Rank 2
⫶
|-
| Rank 11
|-
| Rank 12
|- class="sortbottom static-row-header"
| '''Bottom 1'''
|- class="sortbottom static-row-header"
| '''Bottom 2'''
|}

Test rowspan

Wikitable sortable
Header Header
Top Top 1
Top 2
Rank Rank 1
Rank 2
Norank Norank 1
Norank 2
Rank Rank 3
Rank 4
Bottom Bottom 1
Bottom 2
Wikitable
Header Header
Top Top 1
Top 2
Rank Rank 1
Rank 2
Norank Norank 1
Norank 2
Rank Rank 3
Rank 4
Bottom Bottom 1
Bottom 2

Test template row hover highlight

Uses {{row hover highlight}}.

In the Timeless skin, plain tables with the mw-datatable class and without the border attribute have borders. This template fixes the missing borders in the numbers column.

border
Header
Data
Data
no border
Header
Data
Data