This template adds a column of row numbers to a table. The numbers do not sort with the rest of the table, remaining static. Optional classes are provided to display a column label or disable numbers on specific rows.
It works on desktop and mobile versions of Wikipedia pages.
Usage
Include this template by adding
{{static row numbers}}
or its redirect
{{static-row-numbers}}
above a table. Add the
static-row-numbers
class to the table start wikitext. Optionally add the other classes listed below.
Wikitext:
{{
static row numbers
}}
{|
class
"static-row-numbers"
Classes for table start wikitext:
{| class="
class1 class2
Table class
Summary
static-row-numbers
Required.
Displays a column of row numbers aligned right. Requires at least one header row.
static-row-numbers-center
Center aligns numbers. Default right.
static-row-numbers-left
Left aligns numbers. Default right.
static-row-header-text
Displays "No." text in column label.
static-row-header-hash
Displays hash ("#") symbol in column label.
Data attributes for table start wikitext:
{|
attribute
="
value
Table attribute
Summary
data-srn-limit="
Remove numbers beyond row
of the sortable data where
is the number 10.
Requires sortable table.
Unpredictable results when adding
sorttop
(uses
static-row-header
) rows above or
static-row-numbers-norank
rows in the sortable data. Example:
{| class="static-row-numbers" data-srn-limit="10"
Classes for row wikitext:
|- class="
class1 class2
Row class
Summary
static-row-header
Disables a row number. Disables borders between consecutive row usages (simulates
rowspan
). Add to
sorttop
and
sortbottom
rows. Add to header rows except the first.
static-row-numbers-norank
Disables a row number. Maintains borders between consecutive row usages. Optionally add to data rows.
Used with sortable
Multiple header rows in a sortable table should have the
static-row-header
class added to all header rows except the first one so that they are not numbered when JavaScript is disabled. It is also needed on rows that use the
sorttop
or
sortbottom
class, described at
#Disable number on specific rows
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable sortable static-row-numbers"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
Red
||
||
||
|-
Lime
||
||
||
|-
Gold
||
||
||
|-
class
"sortbottom static-row-header"
'''Total'''
||
12
||
15
||
18
|-
class
"sortbottom static-row-header"
'''Average'''
||
||
||
|}
Produces:
Color
Data
Red
Lime
Gold
Used without sortable
Multiple header rows in a non-sortable table should have the
static-row-header
class added to all header rows except the first one, described at
#Disable number on specific rows
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable static-row-numbers"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
Red
||
||
||
|-
Lime
||
||
||
|-
Gold
||
||
||
|}
Produces:
Color
Data
Red
Lime
Gold
Display "No." text in column label
To display the "No." text in the number column's header (label), add the
static-row-header-text
class to the table start wikitext.
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable static-row-numbers static-row-header-text"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
...
Display hash ("#") symbol in column label
To display a hash ("#") symbol in the number column's header (label), add the
static-row-header-hash
class to the table start wikitext.
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable static-row-numbers static-row-header-hash"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
...
Disable number on specific rows
This section details how to disable numbers on specific rows by adding either the
static-row-numbers-norank
or
static-row-header
class to the row wikitext.
The
static-row-numbers-norank
class can be added to data rows to disable the number.
The
static-row-header
class disables the number and border between other rows that use this class consecutively, simulating a
rowspan
(see
Help:Table#Colspan and rowspan
). It should be added to:
Header rows excluding the first. For sortable tables, it prevents numbering when JavaScript is disabled.
Rows using the
sorttop
or
sortbottom
class.
Note, the
sorttop
or
sortbottom
class is added to a row so it stays at the top or bottom of a sorted list, per
Help:Sortable tables
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable sortable static-row-numbers"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
class
"sorttop static-row-header"
'''Min'''
||
||
||
|-
class
"sorttop static-row-header"
'''Max'''
||
10
||
11
||
12
|-
Red
||
||
||
|-
class
"static-row-numbers-norank"
Lime
||
||
||
|-
class
"static-row-numbers-norank"
Gold
||
||
||
|-
Blue
||
10
||
11
||
12
|-
class
"sortbottom static-row-header"
'''Total'''
||
22
||
26
||
30
|-
class
"sortbottom static-row-header"
'''Average'''
||
5.5
||
6.5
||
7.5
|}
Produces:
Color
Data
Red
Lime
Gold
Blue
10
11
12
Limit numbers
This section details how to remove numbers beyond a certain limit by adding the
data-srn-limit="
attribute and value to the table wikitext, where
is a number limited to certain values according to the "Usage" section above. 10 is one allowed value used in this section.
Due to limitations in CSS (styles), there are some restrictions to make it work properly. The table needs to use the
sortable
class so column headers are moved out of the sortable area (

element) to exclude them from the count. Avoid adding
sorttop
(uses
static-row-header
) rows above the sortable data since they aren't excluded from the count before sorting. Avoid adding
static-row-numbers-norank
rows in the sortable data since they aren't excluded from the count when ordered within the numbered limit.
Wikitext:
{{
static row numbers
}}
{|
class
"wikitable sortable static-row-numbers"
data-srn-limit
"10"
|-
rowspan
"2"
Color
colspan
"3"
Data
|-
class
"static-row-header"
!!
!!
|-
Red
||
||
||
|-
Lime
||
||
||
|-
Gold
||
||
||
|-
Blue
||
10
||
11
||
12
|-
Orange
||
||
||
|-
Yellow
||
||
||
|-
Green
||
||
||
|-
Purple
||
||
||
|-
Pink
||
||
||
|-
Black
||
||
||
|-
White
||
11
||
||
10
|-
Gray
||
12
||
12
||
11
|-
class
"sortbottom static-row-header"
'''Total'''
||
78
||
70
||
78
|-
class
"sortbottom static-row-header"
'''Average'''
||
6.5
||
5.8
||
6.5
|}
Produces:
Color
Data
Red
Lime
Gold
Blue
10
11
12
Orange
Yellow
Green
Purple
Pink
Black
White
11
10
Gray
12
12
11
Redirects
See also
More
template styles
for tables:
{{
sticky header
}}
- makes column headers stick to the top of the page while scrolling through table data.
{{
sticky table start
}}
- makes row and/or column headers stick to the top and/or left of the page while scrolling through table data.
{{
sort under
}}
- moves the sorting arrows under the headers.
{{
row hover highlight
}}
- adds row hover highlighting, and option for white background.
{{
table alignment
}}
- aligns the cells in a column, or a whole table.