Quelltext der Seite Vorlage:Sticky table start/doc

{{Documentation subpage}}
{{High-use}}
{{tsh|Sticky top|Sticky start}}
{{uses TemplateStyles|Template:Sticky table start/styles.css}}

This template adds a scrollable container around a table and its classes can be used to make the table's rows stick to the top or the columns stick to the left side of the container as the table's data is scrolled in and out of view.

It's used on tall and/or wide tables that have headers that might be difficult to remember as you scroll through the data. It keeps very wide tables within the main content area's width so the layout of Wikipedia's desktop version remains intact.

Using this template without any classes puts a table in a scrollable box without sticky headers. If there is a need for a horizontal-only scroll window (for example with a wide table where sticky headers would be too large, and some rows are very tall) see: [[Help:Table#Overflowing tables]].

== Usage ==

Include {{tlx|sticky table start}} above and {{tlx|sticky table end}} below the table. Add any of the following as needed.

=== Table classes ===

{| class="wikitable" style="background-color: var(--background-color-base, #fff); color: var(--color-base, #202122);"
|+ Classes for table start wikitext: <code><nowiki>{|</nowiki> class="''class1 class2''"</code>.
|-
! Class
! Summary
|-
| class=nowrap | <code>sticky-table-head</code>
| Make the table head top sticky. Don't combine with <code>sticky-table-row''N''</code>. <strong>Requires sortable table</strong>, which moves consecutive top header rows into the {{Tag|thead|o}} (table head) [[HTML element]]. Rows using the <code>sorttop</code> class become sticky after sorting (issue: {{Phab|T355492}}). Avoid making headers sticky that aren't for the entire table (ex. section header rows). Avoid making [[Template:Sticky header#Excessively tall header rows|excessively tall header rows]] sticky that might block too much data on short screens (ex. [[Page orientation|mobile landscape]]).
|-
| class=nowrap | <code>sticky-table-row''N''</code>
| Make row ''N'' top sticky where ''N'' is a number from 1 to 2. Limit 1 to avoid stacking issues where a taller row 1 is still visible. Don't combine with <code>sticky-table-head</code>. Unpredictable results if the row spans or is spanned with the <code>rowspan</code> attribute.
|-
| class=nowrap | <code>sticky-table-col''N''</code>
| Make column ''N'' left sticky where ''N'' is a number from 1 to 2. Limit 1 to avoid stacking issues where a wider column 1 is still visible. Unpredictable results if the column spans or is spanned with the <code>colspan</code> attribute. Avoid making an excessively wide column sticky that might block too much data on narrow screens (ex. [[Page orientation|mobile portrait]]).
|}

=== Cell classes ===

{| class="wikitable" style="background-color: var(--background-color-base, #fff); color: var(--color-base, #202122);"
|+ Classes for cell wikitext: <code><nowiki>!</nowiki> class="''class1 class2''" <nowiki>|</nowiki> …</code><br>or <code><nowiki>|</nowiki> class="''class1 class2''" <nowiki>|</nowiki> …</code>.
|-
! Class
! Summary
|-
| class=nowrap | <code>sticky-table-none</code>
| Remove sticky from cell in cases where <code>rowspan</code> causes an issue. For example, a sticky column using <code>rowspan</code> will have some cells that are sticky in the next column. See [[#Usage of sticky-table-none and sticky-table-left|usage example]]. Usage [https://en.wikipedia.org/w/index.php?search=insource%3A%22sticky-table-none%22&title=Special:Search&profile=advanced&fulltext=1&ns0=1 search].
|-
| class=nowrap | <code>sticky-table-left</code>
| Add left sticky to cell in cases where <code>rowspan</code> causes an issue. For example, column 1 using <code>rowspan</code> with a sticky column 2 will have some cells in column 2 that are not sticky and some in column 3 that are sticky. See [[#Usage of sticky-table-none and sticky-table-left|usage example]]. Usage [https://en.wikipedia.org/w/index.php?search=insource%3A%22sticky-table-left%22&title=Special:Search&profile=advanced&fulltext=1&ns0=1 search].
|}

== Sticky row 1 and column 1 ==

Note: Also works if the table uses the <code>sortable</code> class.

<div style="display: inline-grid;">
<syntaxhighlight lang=wikitext>
{{Sticky table start}}
{| class="wikitable sticky-table-row1 sticky-table-col1"
⫶
|}
{{Sticky table end}}
</syntaxhighlight>
</div>

{{Sticky table start}}
{| class="wikitable sticky-table-row1 sticky-table-col1"
|+ Caption
|-
! Header 1 !! Header 2 !! Header 3 !! Header 4 !! Header 5 !! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15 !! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20
! Header 21 !! Header 22 !! Header 23 !! Header 24 !! Header 25 !! Header 26
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data
|}
{{Sticky table end}}

== Sticky head and column 1 ==

Note: The <code>sticky-table-head</code> class requires the table to use the <code>sortable</code> class so the column header rows are moved to the {{Tag|thead|o}} element.

The "Header 2" cell uses the <code>sticky-table-none</code> class to fix the left sticky issue caused by the "Header 1" cell's <code>rowspan</code>.

For illustration purposes, a background color has been added to the table:
* <span style="background-color: yellow;">yellow</span> for <code>sticky-table-none</code>

<div style="display: inline-grid;">
<syntaxhighlight lang=wikitext highlight=1-2,9,13>
{{Sticky table start}}
{| class="wikitable sortable sticky-table-head sticky-table-col1"
|+ Caption
|-
! rowspan="2" | Header 1
! colspan="4" | Header group 1
⫶
|-
! class="sticky-table-none" | Header 2
! Header 3 !! Header 4 !! Header 5 !! …
⫶
|}
{{Sticky table end}}
</syntaxhighlight>
</div>

{{Sticky table start}}
{| class="wikitable sortable sticky-table-head sticky-table-col1"
|+ Caption
|-
! rowspan="2" | Header 1
! colspan="4" | Header group 1
! colspan="5" | Header group 2
! colspan="5" | Header group 3
! colspan="5" | Header group 4
|-
! class="sticky-table-none" style="background-color: yellow;" | Header 2
! Header 3 !! Header 4 !! Header 5 !! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15 !! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20
|- class="sorttop"
| top || top || top || top || top || top || top || top || top || top
| top || top || top || top || top || top || top || top || top || top
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|- class="sortbottom"
| bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom
|}
{{Sticky table end}}

== Usage of sticky-table-none and sticky-table-left ==

The header rows are top sticky and the second column is left sticky. When making a column left sticky and <code>rowspan</code> messes up what is sticky, the <code>sticky-table-none</code> and <code>sticky-table-left</code> classes can be used to fix it.

The "Header 1" and "Header 2" cells use <code>rowspan</code> meaning their content exists on row 1, not row 2, which causes an incorrect cell on row 2 to be left sticky. Adding the <code>sticky-table-none</code> class to that cell on row 2 removes left sticky. A similar occurrence is fixed in the same way due to the first cell under "Header 2" using <code>rowspan</code> and causing the second cell under "Header 3" to be left sticky.

A more complex issue is the third cell under "Header 1" using <code>rowspan</code> and causing a cell in column 3 of the next row to be left sticky instead of the one in column 2. Adding the <code>sticky-table-left</code> and <code>sticky-table-none</code> classes to the appropriate cells will add and remove left sticky, respectively.
 
For illustration purposes, background colors have been added to the table:
* <span style="background-color: yellow;">yellow</span> for <code>sticky-table-none</code>
* <span style="background-color: orange;">orange</span> for <code>sticky-table-left</code>

<div style="display: inline-grid;">
<syntaxhighlight lang=wikitext highlight=1-2,9,17,23-24,28>
{{Sticky table start}}
{| class="wikitable sortable sticky-table-head sticky-table-col2"
|-
! rowspan="2" | Header 1
! rowspan="2" | Header 2
! colspan="3" | Header group 1 !! …
|-
! Header 3
! class="sticky-table-none" | Header 4
! Header 5 !! …
|-
| data
| rowspan="2" | data
| data || …
|-
| data
| class="sticky-table-none" | data
| data || …
|-
| rowspan="2" | data
| data || …
|-
| class="sticky-table-left" | data
| class="sticky-table-none" | data
| data || …
⫶
|}
{{Sticky table end}}
</syntaxhighlight>
</div>

{{Sticky table start}}
{| class="wikitable sortable sticky-table-head sticky-table-col2"
|-
! rowspan="2" | Header 1
! rowspan="2" | Header 2
! colspan="3" | Header group 1
! colspan="5" | Header group 2
! colspan="5" | Header group 3
! colspan="5" | Header group 4
|-
! Header 3
! class="sticky-table-none" style="background-color: yellow;" | Header 4
! Header 5
! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15
! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20
|-
| data
| rowspan="2" | data
| data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data
| class="sticky-table-none" style="background-color: yellow;" | data
| data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| rowspan="2" | data
| data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| class="sticky-table-left" style="background-color: orange;" | data
| class="sticky-table-none" style="background-color: yellow;" | data
| data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|-
| data || data || data || data || data || data || data || data || data || data
| data || data || data || data || data || data || data || data || data || data
|}
{{Sticky table end}}

== Example with sticky head and column 1 ==

Adapted from {{Section link|List of U.S. state and territory abbreviations#Table}}. Narrow your browser window to see left sticky column below.

The column 1 "Name" and column 2 "Status of region" cells in row 1 use <code>rowspan</code> to span into row 2. When making column 1 left sticky, this makes the first cell in row 2, the empty sorting cell under "ISO", left sticky, so the <code>sticky-table-none</code> class is added to that cell.

<div style="display: inline-grid;">
<syntaxhighlight lang=wikitext highlight=1,2,14,17>
{{sticky table start}}{{Row hover highlight}}
{|class="wikitable sortable sticky-table-head sticky-table-col1 mw-datatable"
|+ Codes and abbreviations for U.S. states, federal district, territories, and other regions
! rowspan=2 | [[List of states and territories of the United States|Name]]
! rowspan=2 | Status of region
! [[ISO 3166|ISO]]
! colspan=2 | [[#ANSI standard INCITS 38:2009|ANSI]]
! [[#Postal codes|USPS]]
! [[#Coast Guard vessel prefixes|USCG]]
! rowspan=2 | [[#GPO|GPO]]
! rowspan=2 | [[#Current use of traditional abbreviations|AP]]
! rowspan=2 | Other <br>abbreviations
|-
! class= sticky-table-none | !! !! !! !! &nbsp;
⫶
|}
{{sticky table end}} 
</syntaxhighlight>
</div>

{{sticky table start}}{{Row hover highlight}}
{|class="wikitable sortable sticky-table-head sticky-table-col1 mw-datatable"
|+ Codes and abbreviations for U.S. states, federal district, territories, and other regions
! rowspan=2 | [[List of states and territories of the United States|Name]]
! rowspan=2 | Status of region
! [[ISO 3166|ISO]]
! colspan=2 | [[#ANSI standard INCITS 38:2009|ANSI]]
! [[#Postal codes|USPS]]
! [[#Coast Guard vessel prefixes|USCG]]
! rowspan=2 | [[#GPO|GPO]]
! rowspan=2 | [[#Current use of traditional abbreviations|AP]]
! rowspan=2 | Other <br>abbreviations
|-
! class= sticky-table-none| !! !! !! !! &nbsp;
|-
|{{flag icon|United States}} [[United States|United States of America]]||[[Federation|Federal state]]||{{mono|US<br>USA<br>840}}||US||00|| || ||U.S.||U.S.||U.S.A.
|-
|{{flag icon|Alabama}} [[Alabama]]||[[U.S. state|State]]||{{mono|US-AL}}||AL||01||AL||AL||Ala.||Ala.||
|-
|{{flag icon|Alaska}} [[Alaska]]||State||{{mono|US-AK}}||AK||02||AK||AK||Alaska||Alaska||Ak.
|-
|{{flag icon|Arizona}} [[Arizona]]||State||{{mono|US-AZ}}||AZ||04||AZ||AZ||Ariz.||Ariz.||
|-
|{{flag icon|Arkansas}} [[Arkansas]]||State||{{mono|US-AR}}||AR||05||AR||AR||Ark.||Ark.||
|-
|{{flag icon|California}} [[California]]||State||{{mono|US-CA}}||CA||06||CA||style="color:red;"|'''CF'''||Calif.||Calif.||Cal.
|-
|{{flag icon|Colorado}} [[Colorado]]||State||{{mono|US-CO}}||CO||08||CO||style="color:red;"|'''CL'''||Colo.||Colo.||
|-
|{{flag icon|Connecticut}} [[Connecticut]]||State||{{mono|US-CT}}||CT||09||CT||CT||Conn.||Conn.||
|-
|{{flag icon|Delaware}} [[Delaware]]||State||{{mono|US-DE}}||DE||10||DE||style="color:red;"|'''DL'''||Del.||Del.||
|-
|{{flag icon|Washington, D.C.}} [[District of Columbia]]||[[Federal district]]||{{mono|US-DC}}||DC||11||DC||DC||D.C.||D.C.||Dis. Col.
|-
|{{flag icon|Florida}} [[Florida]]||State||{{mono|US-FL}}||FL||12||FL||FL||Fla.||Fla.||
|-
|{{flag icon|Georgia (U.S. state)}} [[Georgia (U.S. state)|Georgia]]||State||{{mono|US-GA}}||GA||13||GA||GA||Ga.||Ga.||Geo.
|-
|{{flag icon|Hawaii}} [[Hawaii]]||State||{{mono|US-HI}}||HI||15||HI||style="color:red;"|'''HA'''||Hawaii||Hawaii||Hi.; Haw.
|-
|{{flag icon|Idaho}} [[Idaho]]||State||{{mono|US-ID}}||ID||16||ID||ID||Idaho||Idaho||Ida.
|-
|{{flag icon|Illinois}} [[Illinois]]||State||{{mono|US-IL}}||IL||17||IL||IL||Ill.||Ill.||
|-
|{{flag icon|Indiana}} [[Indiana]]||State||{{mono|US-IN}}||IN||18||IN||IN||Ind.||Ind.||
|-
|{{flag icon|Iowa}} [[Iowa]]||State||{{mono|US-IA}}||IA||19||IA||IA||Iowa||Iowa||Ioa.
|-
|{{flag icon|Kansas}} [[Kansas]]||State||{{mono|US-KS}}||KS||20||KS||style="color:red;"|'''KA'''||style="color:red;"|'''Kans.'''|| style="color:red;"|'''Kan.'''||Ka.
|-
|{{flag icon|Kentucky}} [[Kentucky]]||State (officially [[Commonwealth (U.S. state)|Commonwealth]])
| {{mono|US-KY}}||KY||21||KY||KY||Ky.||Ky.||Ken., Kent.
|-
|{{flag icon|Louisiana}} [[Louisiana]]||State||{{mono|US-LA}}||LA||22||LA||LA||La.||La.||
|-
|{{flag icon|Maine}} [[Maine]]||State||{{mono|US-ME}}||ME||23||ME||ME||Maine||Maine||
|-
|{{flag icon|Maryland}} [[Maryland]]||State||{{mono|US-MD}}||MD||24||MD||MD||Md.||Md.||Mar., Mary.
|-
|{{flag icon|Massachusetts}} [[Massachusetts]]||State (officially [[Commonwealth (U.S. state)|Commonwealth]])
| {{mono|US-MA}}||MA||25||MA||style="color:red;"|'''MS'''||Mass.||Mass.||
|-
|{{flag icon|Michigan}} [[Michigan]]||State||{{mono|US-MI}}||MI||26||MI||style="color:red;"|'''MC'''||Mich.||Mich.||
|-
|{{flag icon|Minnesota}} [[Minnesota]]||State||{{mono|US-MN}}||MN||27||MN||MN||Minn.||Minn.||
|-
|{{flag icon|Mississippi}} [[Mississippi]]||State||{{mono|US-MS}}||MS||28||MS||style="color:red;"|'''MI'''||Miss.||Miss.||
|-
|{{flag icon|Missouri}} [[Missouri]]||State||{{mono|US-MO}}||MO||29||MO||MO||Mo.||Mo.||
|-
|{{flag icon|Montana}} [[Montana]]||State||{{mono|US-MT}}||MT||30||MT||MT||Mont.||Mont.||
|-
|{{flag icon|Nebraska}} [[Nebraska]]||State||{{mono|US-NE}}||NE||31||NE||style="color:red;"|'''NB'''|| style=" color:red;"|'''Nebr.'''|| style="color:red;"|'''Neb.'''||
|-
|{{flag icon|Nevada}} [[Nevada]]||State||{{mono|US-NV}}||NV||32||NV||NV||Nev.||Nev.||
|-
|{{flag icon|New Hampshire}} [[New Hampshire]]||State||{{mono|US-NH}}||NH||33||NH||NH||N.H.||N.H.||
|-
|{{flag icon|New Jersey}} [[New Jersey]]||State||{{mono|US-NJ}}||NJ||34||NJ||NJ||N.J.||N.J.||N.&nbsp;Jersey
|-
|{{flag icon|New Mexico}} [[New Mexico]]||State||{{mono|US-NM}}||NM||35||NM||NM||style=" color:red;"|'''N.&nbsp;Mex.'''||style=" color:red;"| '''N.M.'''||New&nbsp;M., New Mex.
|-
|{{flag icon|New York (state)}} [[New York (state)|New York]]||State||{{mono|US-NY}}||NY||36||NY||NY||N.Y.||N.Y.||N.&nbsp;York
|-
|{{flag icon|North Carolina}} [[North Carolina]]||State||{{mono|US-NC}}||NC||37||NC||NC||N.C.||N.C.||N.&nbsp;Car.
|-
|{{flag icon|North Dakota}} [[North Dakota]]||State||{{mono|US-ND}}||ND||38||ND||ND||style="color:red;"|'''N.&nbsp;Dak.'''||style="color:red;"|'''N.D.'''||
|-
|{{flag icon|Ohio}} [[Ohio]]||State||{{mono|US-OH}}||OH||39||OH||OH||Ohio||Ohio||O., Oh.
|-
|{{flag icon|Oklahoma}} [[Oklahoma]]||State||{{mono|US-OK}}||OK||40||OK||OK||Okla.||Okla.||
|-
|{{flag icon|Oregon}} [[Oregon]]||State||{{mono|US-OR}}||OR||41||OR||OR||style="color:red;"|'''Oreg.'''||style="color:red;"|'''Ore.'''||
|-
|{{flag icon|Pennsylvania}} [[Pennsylvania]]||State (officially [[Commonwealth (U.S. state)|Commonwealth]])
| {{mono|US-PA}}||PA||42||PA||PA||Pa.||Pa.||Penn., Penna.
|-
|{{flag icon|Rhode Island}} [[Rhode Island]]||State||{{mono|US-RI}}||RI||44||RI||RI||R.I.||R.I.||R.I.&nbsp;&amp;&nbsp;[[Providence Plantations|P.P.]]
|-
|{{flag icon|South Carolina}} [[South Carolina]]||State||{{mono|US-SC}}||SC||45||SC||SC||S.C.||S.C.||S.&nbsp;Car.
|-
|{{flag icon|South Dakota}} [[South Dakota]]||State||{{mono|US-SD}}||SD||46||SD||SD||style="color:red;"|'''S.&nbsp;Dak.'''||style="color:red;"|'''S.D.'''||SoDak
|-
|{{flag icon|Tennessee}} [[Tennessee]]||State||{{mono|US-TN}}||TN||47||TN||TN||Tenn.||Tenn.||
|-
|{{flag icon|Texas}} [[Texas]]||State||{{mono|US-TX}}||TX||48||TX||TX||style="color:red;"|'''Tex.'''||style="color:red;"|'''Texas'''||
|-
|{{flag icon|Utah}} [[Utah]]||State||{{mono|US-UT}}||UT||49||UT||UT||Utah||Utah||Ut.
|-
|{{flag icon|Vermont}} [[Vermont]]||State||{{mono|US-VT}}||VT||50||VT||VT||Vt.||Vt.||Verm.
|-
|{{flag icon|Virginia}} [[Virginia]]||State (officially [[Commonwealth (U.S. state)|Commonwealth]])
| {{mono|US-VA}}||VA||51||VA||VA||Va.||Va.||Virg.
|-
|{{flag icon|Washington (state)}} [[Washington (state)|Washington]]||State||{{mono|US-WA}}||WA||53||WA||style="color:red;"|'''WN'''||Wash.||Wash.||Wn.
|-
|{{flag icon|West Virginia}} [[West Virginia]]||State||{{mono|US-WV}}||WV||54||WV||WV||style="color:red;"|'''W.&nbsp;Va.'''||style="color:red;"|'''W.Va.'''||W.V., W.&nbsp;Virg.
|-
|{{flag icon|Wisconsin}} [[Wisconsin]]||State||{{mono|US-WI}}||WI||55||WI||style="color:red;"|'''WS'''||Wis.||Wis.||Wisc.
|-
|{{flag icon|Wyoming}} [[Wyoming]]||State||{{mono|US-WY}}||WY||56||WY||WY||Wyo.||Wyo.||
|- style="background:#def;"
|{{flag icon|American Samoa}} [[American Samoa]]||[[Insular area]] ([[Territories of the United States|Territory]])||{{mono|AS<br>ASM<br>016<br>US-AS}}||AS||60||AS||AS||A.S.|| ||
|- style="background:#def;"
|{{flag icon|Guam}} [[Guam]]||Insular area (Territory)||{{mono|GU<br>GUM<br>316<br>US-GU}}||GU||66||GU||GU||Guam|| ||
|- style="background:#def;"
|{{flag icon|Northern Mariana Islands}} [[Northern Mariana Islands]]||Insular area ([[Commonwealth (U.S. insular area)|Commonwealth]])||{{mono|MP<br>MNP<br>580<br>US-MP}}||MP||69||MP||style="color:red;"|'''CM'''||M.P.|| ||CNMI
|- style="background:#def;"
|{{flag icon|Puerto Rico}} [[Puerto Rico]]||Insular area ([[Commonwealth (U.S. insular area)|Commonwealth]])|| style="text-align:center;line-height:1.2;" |{{mono|PR<br>PRI<br>630<br>US-PR}}||PR||72||PR||PR||P.R.|| ||
|- style="background:#def;"
|{{flag icon|U.S. Virgin Islands}} [[U.S. Virgin Islands]]||Insular area (Territory)||{{mono|VI<br>VIR<br>850<br>US-VI}}||VI||78||VI||VI||V.I.|| ||U.S.V.I.
|- style="background:#def;"
|[[United States Minor Outlying Islands|U.S. Minor Outlying Islands]]||Insular areas||{{mono|UM<br>UMI<br>581<br>US-UM}}||UM||74||UM||| || ||
|- style="background:#def;"
| [[Baker Island]]||[[Island]]||{{mono|UM-81}}|| ||81|| |||| || ||XB
|- style="background:#def;"
| [[Howland Island]]||Island||{{mono|UM-84}}|| ||84|| |||| || ||XH
|- style="background:#def;"
| [[Jarvis Island]]||Island||{{mono|UM-86}}|| ||86|| |||| || ||XQ
|- style="background:#def;"
| [[Johnston Atoll]]||[[Atoll]]||{{mono|UM-67}}|| ||67|| |||| || ||XU
|- style="background:#def;"
| [[Kingman Reef]]||Atoll||{{mono|UM-89}}|| ||89|| |||| || ||XM
|- style="background:#def;"
| |[[Midway Atoll]]||Atoll||{{mono|UM-71}}|| ||71|| |||| || ||QM
|- style="background:#def;"
| [[Navassa Island]]||Island||{{mono|UM-76}}|| ||76|| |||| || ||XV
|- style="background:#def;"
| [[Palmyra Atoll]]||Atoll||{{mono|UM-95}}|| ||95|| |||| || ||XL
|- style="background:#def;"
| [[Wake Island]]||Atoll||{{mono|UM-79}}|| ||79|| |||| || ||QW
|- style="background:#ffb;"
|{{flag icon|Marshall Islands}} [[Marshall Islands]]||[[Compact of Free Association|Freely associated state]]||{{mono|MH<br>MHL<br>584}}||MH||68||MH|||| || ||
|- style="background:#ffb;"
|{{flag icon|Federated States of Micronesia}} [[Federated States of Micronesia|Micronesia]]||Freely associated state||{{mono|FM<br>FSM<br>583}}||FM||64||FM|||| || ||
|- style="background:#ffb;"
|{{flag icon|Palau}} [[Palau]]||Freely associated state||{{mono|PW<br>PLW<br>585}}||PW||70||PW|||| || ||
|- style="background:#dfd;"
|[[United States Armed Forces|U.S. Armed Forces]] – [[Americas]]||[[Military mail#U.S. Military Postal Service (MPS)|US military mail code]]|| || || ||AA|||| || ||
|- style="background:#dfd;"
|U.S. Armed Forces – [[Europe]]||US military mail code|| || || ||AE|||| || ||
|- style="background:#dfd;"
|U.S. Armed Forces – [[Pacific Ocean|Pacific]]||US military mail code|| || || ||AP|| || || ||
|- style="background:#ccc;"
|{{flag icon|Nebraska}} [[Nebraska]]||Obsolete postal code|| || || ||NB|| || || ||
|- style="background:#ccc;"
|{{flag icon|Northern Mariana Islands}} [[Northern Mariana Islands]]||Obsolete postal code|| || || ||CM|| || || ||
|- style="background:#ccc;"
|{{flag icon|Panama Canal Zone}} [[Panama Canal Zone]]||Obsolete postal code||{{mono|PZ<br>PCZ<br>594}}|| || ||CZ|| || || ||
|- style="background:#ccc;"
|{{flag icon|Philippines}} [[Insular Government of the Philippine Islands|Philippine Islands]]||Obsolete postal code||{{mono|PH<br>PHL<br>608}} || || ||PI|| || || ||
|- style="background:#ccc;"
|{{flag icon|Trust Territory of the Pacific Islands}} [[Trust Territory of the Pacific Islands]]||Obsolete postal code||{{mono|PC<br>PCI<br>582}}|| || ||TT|| || || ||
|}
{{sticky table end}}

== Example with sticky row 2 and column 2 ==

Adapted from {{Section link|WTA 1000 Series singles records and statistics#Title leaders}}. Narrow your browser window to see left sticky column below.

Note: The column 1 "Titles", "Player", and "Years" cells have their <code>rowspan</code> removed and the cells moved from row 1 to row 2 to facilitate making row 2 top sticky. Because row 1 is hidden when row 2 is sticky, the other cells in row 2 have a background color to visually relate them to the "Active tournaments" and "Defunct tournaments" parent cells in row 1. The two cells in row 1 are kept for [[screen reader]]s instead of moving them to a legend. Doing this helps reduce the amount of top sticky content: 1 row instead of 2.

The "10", "9", "6", and "5" cells in the "Titles" column 1 use <code>rowspan</code>. When making column 2 left sticky, cells in the spanned rows have column 2 not left sticky and column 3 left sticky, so the <code>sticky-table-left</code> and <code>sticky-table-none</code> classes are added to those column 2 and column 3 cells, respectively.

<div style="display: inline-grid;">
<syntaxhighlight lang=wikitext highlight=1-2,11-12,16-17,21>
{{mw-datatable}}{{sort under}}{{sticky table start}}
{| class="wikitable mw-datatable sortable sort-under-center sticky-table-row2 sticky-table-col2" style="text-align:center"
⫶
|-
! scope="row" rowspan="3" |10
|style="text-align:left" | {{sort|Henin.|{{flagg|uxx|BEL}} [[Justine Henin]]}}
| -
| -
⫶
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Azarenka.|{{flagg|uxx|BLR}} '''[[Victoria Azarenka]]'''}}*
| class="sticky-table-none" | -
| style="background-color:#B9FF72;" |2*
⫶
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Świątek.|{{flagg|uxx|POL}} '''[[Iga Świątek]]'''}}*
| class="sticky-table-none" | -
| style="background-color:#B9FF72;" |2*
⫶
|}
{{sticky table end}}
</syntaxhighlight>
</div>
{{flatlist|
* '''CA''' ([[Canadian Open (tennis)|Canadian Open]])
* '''CH''' ([[Charleston Open]])
* '''CI''' ([[Cincinnati Open]])
* '''CN''' ([[China Open (tennis)|China Open]])
* '''DU''' ([[Dubai Championship]])
* '''FL''' ([[Virginia Slims of Florida]])
* '''GE''' ([[German Open]])
* '''IT''' ([[Italian Open (tennis)|Italian Open]])
* '''IW''' ([[Indian Wells Open]])
* '''KC''' ([[Kremlin Cup]])
* '''MA''' ([[Madrid Open (tennis)|Madrid Open]])
* '''MI''' ([[Miami Open (tennis)|Miami Open]])
* '''PH''' ([[Advanta Championships of Philadelphia|Virginia Slims of Philadelphia]])
* '''PP''' ([[Pan Pacific Open]])
* '''QA''' ([[ATP Qatar Open|Qatar Open]])
* '''SD''' ([[San Diego Open (tennis)|San Diego Open]])
* '''WU''' ([[Wuhan Open]])
* '''ZU''' ([[Zurich Open]])
}}
{{legend| #FFFFE0 | Active players.| outline = black | textcolor = black | text = <big>*</big>}}
{{legend| #B9FF72 | Most titles won per tournament.| outline = black | textcolor = black| text = <big>*</big>}}
{{mw-datatable}}{{sort under}}{{sticky table start}}
{| class="wikitable mw-datatable sortable sort-under-center sticky-table-row2 sticky-table-col2" style="text-align:center"
|+ {{sro|Title leaders}}
|-
!
!
! scope=colgroup colspan=10 |Active tournaments
! scope=colgroup colspan=8 |Defunct tournaments
!
|-
! scope=col |Titles
! scope=col |Player
! scope="col" | {{abbr|DU|Dubai Championship}}
! scope="col" | {{abbr|QA|Qatar Open}}
! scope="col" | {{abbr|IW|Indian Wells Open}}
! scope="col" | {{abbr|MI|Miami Open}}
! scope="col" | {{abbr|MA|Madrid Open}}
! scope="col" | {{abbr|IT|Italian Open}}
! scope="col" | {{abbr|CA|Canadian Open}}
! scope="col" | {{abbr|CI|Cincinnati Open}}
! scope="col" | {{abbr|WU|Wuhan Open}}
! scope="col" style="border-right: 1pt black solid;" | {{abbr|CN|China Open}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|FL|Virginia Slims of Florida}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|CH|Charleston Open}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|GE|German Open}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|SD|San Diego Open}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|PH|Virginia Slims of Philadelphia}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|KC|Kremlin Cup}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|PP|Pan Pacific Open}}
! scope="col" style="background-color:#2FCDAD" | {{abbr|ZU|Zurich Open}}
! scope=col |Years
|-
! scope="row" |23
|style="text-align:left" | {{sort|Williams.|{{flagg|uxx|USA}} [[Serena Williams]]}}
| -
| -
|style="background-color:#B9FF72;" |2*
|style="background-color:#B9FF72;" |8*
|2
|style="background-color:#B9FF72;" |4*
|3
|style="background-color:#B9FF72;" |2*
| -
|style="border-right: 1pt black solid|1
| -
|1
| -
| -
| -
| -
| -
| -
|1999–2016
|-
! scope="row" |17
|style="text-align:left" | {{sort|Hingis.|{{flagg|uxx|SUI}} [[Martina Hingis]]}}|| - || -
|1
|2
| -
|2
|2
| -
| -
|style="border-right: 1pt black solid| -
| -
|style="background-color:#B9FF72;" |2*
|1
| -
| -
|1
|style="background-color:#B9FF72;" |5*
|1
|1997–2007
|-
! scope="row" |15
|style="text-align:left" | {{sort|Graf.|{{flagg|uxx|GER}} [[Steffi Graf]]}}
| - || -
|1
|3
| -
| -
|2|| -
| -
|style="border-right: 1pt black solid| -
|style="background-color:#B9FF72;" |1*
|1
|style="background-color:#B9FF72;" |5*
| -
|style="background-color:#B9FF72;" |1*
| -
|1
| -
|1990–1996
|-
! scope="row" |14
|style="text-align:left" | {{sort|Sharapova.|{{flagg|uxx|RUS}} [[Maria Sharapova]]}}
| -
|1
|style="background-color:#B9FF72;" |2*
| -
|1
|3
| -
|1
| -
|style="border-right: 1pt black solid|1
| -
| -
| -
|style="background-color:#B9FF72;" |2*
| -
| -
|2
|1
|2005–2015
|-
! scope="row" |11
|style="text-align:left" | {{sort|Davenport.|{{flagg|uxx|USA}} [[Lindsay Davenport]]}}
| -
| -
|style="background-color:#B9FF72;" |2*
| -
| -
| -
| -
| -
| -
|style="border-right: 1pt black solid| -
| -
| -
| -
|1
| -
| -
|4
|style="background-color:#B9FF72;" |4*
|1997–2005
|-
! scope="row" rowspan="3" |10
|style="text-align:left" | {{sort|Henin.|{{flagg|uxx|BEL}} [[Justine Henin]]}}
| -
| -
|1
| -
| -
| -
|2
| -
| -
|style="border-right: 1pt black solid| -
| -
|style="background-color:#B9FF72;" |2*
|3
| -
| -
| -
| -
|2
|2002–2007
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Azarenka.|{{flagg|uxx|BLR}} '''[[Victoria Azarenka]]'''}}*
|class="sticky-table-none"| -
|style="background-color:#B9FF72;" |2*
|style="background-color:#B9FF72;" |2*
|3
| -
| -
| -
|style="background-color:#B9FF72;" |2*
| -
|style="border-right: 1pt black solid|1
| -
| -
| -
| -
| -
| -
| -
| -
|2009–2020
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Świątek.|{{flagg|uxx|POL}} '''[[Iga Świątek]]'''}}*
|class="sticky-table-none"| -
|style="background-color:#B9FF72;" |2*
|style="background-color:#B9FF72;" |2*
|1
| 1
|3
| -
| -
| -
|style="border-right: 1pt black solid|1
| -
| -
| -
| -
| - || - || -
| -
|2021–2024
|-
! scope="row" rowspan="5" | 9
|style="text-align:left" | {{sort|Martínez.|{{flagg|uxx|ESP}} [[Conchita Martínez]]}}
| - || -
| -
| -
| -
|style="background-color:#B9FF72;" |4*
| -
| -
| -
|style="border-right: 1pt black solid| -
| -
|style="background-color:#B9FF72;" |2*
|2
| -
|style="background-color:#B9FF72;" |1*
| -
| -
| -
|1993–2000
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Seles.|{{flagg|uxx|USA}} [[Monica Seles]]}}
|class="sticky-table-none"| - || -
| -
|2
| -
|2
|style="background-color:#B9FF72;" |4*|| -
| -
|style="border-right: 1pt black solid| -
| -
| -
|1
| -
| -
| -
| -
| -
|1990–2000
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Williams.|{{flagg|uxx|USA}} '''[[Venus Williams]]'''}}*
|class="sticky-table-none" style="background-color:#B9FF72;" |2*
| -
| -
|3
| -
|1
| -
| -
|1
|style="border-right: 1pt black solid| -
| -
|1
| -
| -
| -
| -
| -
|1
|1998–2015
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Halep.|{{flagg|uxx|ROU}} '''[[Simona Halep]]'''}}*
|class="sticky-table-none"|1
|1
|1
| -
|2
|1
|3
| -
| -
|style="border-right: 1pt black solid| -
| -
| -
| -
| -
| - || -
| -
| -
|2014–2022
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Kvitová.|{{flagg|uxx|CZE}} [[Petra Kvitová]]}}*
|class="sticky-table-none"| -
|1
| -
|1
|style="background-color:#B9FF72;" |3*
| -
|1
| -
|style="background-color:#B9FF72;" |2*
|style="border-right: 1pt black solid| -
| -
| -
| -
| -
| -
| -
|1
| -
|2011–2023
|-
! scope="row" | 7
|style="text-align:left" | {{sort|Clijsters.|{{flagg|uxx|BEL}} [[Kim Clijsters]]}}
| -
| -
|style="background-color:#B9FF72;" |2*
|2
| -
|1
|1
|1
| -
|style="border-right: 1pt black solid| -
| -
| -
| -
| -
| -
| -
| -
| -
|2003–2010
|-
! scope="row" rowspan="5" | 6
|style="text-align:left" | {{sort|Sánchez Vicario.|{{flagg|uxx|ESP}} [[Arantxa Sánchez Vicario]]}}
| - || -
| -
|2
| -
|1
|2|| -
| -
|style="border-right: 1pt black solid| -
| -
|1
| -
| -
| -
| -
| -
| -
|1992–1996
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Mauresmo.|{{flagg|uxx|FRA}} [[Amélie Mauresmo]]}}
|class="sticky-table-none"| -
| -
| -
| -
| -
|2
|2
| -
| -
|style="border-right: 1pt black solid| -
| -
| -
|2
| -
| -
| -
| -
| -
|2001–2005
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Janković.|{{flagg|uxx|SRB}} [[Jelena Janković]]}}
|class="sticky-table-none"| -
| -
|1
| -
| -
|2
| -
|1
| -
|style="border-right: 1pt black solid| -
| -
|1
| -
| -
| -
|1
| -
| -
|2007–2010
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left"| {{sort|Wozniacki.|{{flagg|uxx|DEN}} '''[[Caroline Wozniacki]]'''}}*
|class="sticky-table-none"|1
| -
|1
| -
| -
| -
|1
| -
| -
|style="border-right: 1pt black solid; background-color:#B9FF72;" |2*
| -
| -
| -
| -
| -
| -
|1
| -
|2010–2018
|-
|style="text-align:left; background-color:#FFFFE0;" class="sticky-table-left" | {{sort|Sabalenka.|{{flagg|uxx|BLR}} '''[[Aryna Sabalenka]]'''}}*
|class="sticky-table-none"| -
|1
| -
| -
|2
| -
| -
|1
|style="background-color:#B9FF72;" |2*
|style="border-right: 1pt black solid| -
| -
| -
| -
| -
| -
| -
| -
| -
|2018–2024
|-
! scope="row" rowspan="4" | 5
|style="text-align:left" | {{sort|Sabatini.|{{flagg|uxx|ARG}} [[Gabriela Sabatini]]}}
| - || -
| -
| -
| -
|2
| -|| -
| -
|style="border-right: 1pt black solid| -
|style="background-color:#B9FF72;" |1*
|style="background-color:#B9FF72;" |2*
| -
| -
| -
| -
| -
| -
|1991–1992
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Pierce.|{{flagg|uxx|FRA}} [[Mary Pierce]]}}
|class="sticky-table-none"| - || -
| -
| -
| -
|1
| -
| -
| -
|style="border-right: 1pt black solid| -
| -
|1
| -
|1
| -
|style="background-color:#B9FF72;" |2*
| -
| -
|1997–2005
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Safina.|{{flagg|uxx|RUS}} [[Dinara Safina]]}}
|class="sticky-table-none"| -
| -
| -
| -
|1
|1
|1
| -
| -
|style="border-right: 1pt black solid| -
| -
| -
|1
| -
| -
| -
|1
| -
|2008–2009
|-
|style="text-align:left" class="sticky-table-left"| {{sort|Radwańska.|{{flagg|uxx|POL}} [[Agnieszka Radwańska]]}}
|class="sticky-table-none"| -
| -
| -
|1
| -
| -
|1
| -
| -
|style="border-right: 1pt black solid; background-color:#B9FF72;" |2*
| -
| -
| -
| -
| -
| -
|1
| -
|2011–2016
|}
{{sticky table end}}

'''Note:''' The asterisks (*) are used because [[screen readers]] can not see cell background colors.

'''Note:''' Header glossary is needed since on mobile there isn't a way to hover on abbreviated text. {{t|abbr}}

'''Note:''' In article namespace in dark mode the links in colored cells are underlined black links. See: 
*[[Help:Table/Advanced#Color contrast of links in dark mode]] and the previous sections.

== Line height and cell phones ==

Adding <code>style="line-height: 0.96;"</code> to the table allows more rows to be visible in the scrolling window.
<syntaxhighlight lang=wikitext highlight=2>
{{sticky table start}}
{| class="wikitable sortable sticky-table-head" style="line-height: 0.96;"
</syntaxhighlight>

The scrolling window limits what can be seen in the vertical direction, especially in cell phone viewports. 

With <code>style="line-height:''X'';"</code> the number is important. Too small, and adjacent lines of text, or even rows, will touch in some places in narrow screens, or wide tables. Too large, and rows will be taller than necessary. Look at the tables '''''[[User:Timeshifter/Sandbox302|here]]''''' in your cell phone to see what works, and what does not work.

== Vertical headers for wide tables ==

'''''Note:''' In the case of smaller cell phones like the [[iPhone SE 2020]] this is an example of what not to do. The top headers with sorting icons are too tall in landscape view. It is not possible to see the height of a full row below the header. And the left sticky column is too wide for portrait view. So '''{{t|Sticky header}}''' should be used instead. It allows the table to be viewed in portrait view since there is no scroll window, no left sticky, and there is more room for the tall top header. '''{{t|Sticky header}}''' may or may not be working in cell phones when you are reading this. See '''[https://en.wikipedia.org/wiki/Template:Sticky_header/doc/Narrow_tables page of narrow sticky tables]''' for testing in cell phones, etc.''

Adapted from [[Opinion polling on the second Donald Trump administration]]. Note that line breaks <nowiki><br></nowiki> may be placed in vertical headers. Note that if using a 2-column vertical header there must be at least one cell below it with a minimum of 3 characters. See '''{{tl|vertical header}}''' for more info and tips. 

<syntaxhighlight lang=wikitext>
! {{vertical header|Criminal justice<br>reform}}
</syntaxhighlight>

{{sticky table start}}{{mw-datatable}}{{table alignment}}
{| class="wikitable sortable mw-datatable defaultcenter col1left col2left col3left sticky-table-head sticky-table-col1" style="line-height:0.96;"
|+ {{sro|February 2025}}
!Poll source
! Date
!Sample<br>size
! MoE
! {{vertical header|Overall}}
! {{vertical header|Abortion}}
! {{vertical header|Civil liberties}}
! {{vertical header|Crime}}
! {{vertical header|Criminal justice<br>reform}}
! {{vertical header|Economy/Jobs}}
! {{vertical header|Education}}
! {{vertical header|Environment}}
! {{vertical header|Foreign policy}}
! {{vertical header|Guns}}
! {{vertical header|Healthcare}}
! {{vertical header|Immigration}}
! {{vertical header|Inflation/prices}}
! {{vertical header|Israel/Hamas/<br>Palestine}}
! {{vertical header|Managing federal<br>government}}
! {{vertical header|National security}}
! {{vertical header|Russia-Ukraine}}
! {{vertical header|Trade/Tariffs}}
|-
| [https://pro.morningconsult.com/trackers/donald-trump-congress-policy-republicans-polling Morning Consult]
| February 21–24, 2025
| 2,225 RV
| ± 2.0%
| style="background:#47729E; color: white"| +3% <!-- O -->
| style="background:#DEDEBD;"| −6% <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#B6C8D9;" | +7% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| style="background:#47729E; color: white"| +8% <!-- FP -->
| — <!-- GUN -->
| style="background:#B6C8D9;" | +4% <!-- HC -->
| style="background:#47729E; color: white"| +18% <!-- IMM -->
| — <!-- I/P -->
| — <!-- IH -->
| — <!-- MFG -->
| style="background:#47729E; color: white"| +17% <!-- NS -->
| – <!-- RU -->
| style="background:#B6C8D9;" | +6% <!-- TT -->
|-
| [https://d3nkl3psvxxpe9.cloudfront.net/documents/econTabReport_nyOrDiw.pdf The Economist/YouGov]
| February 9–11, 2025
| 1,430 RV
| ± 3.3%
| style="background:#47729E; color: white"| +3% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| style="background:#B6C8D9;" | +6% <!-- CR -->
| style="background:#B6C8D9;" | +2% <!-- CJR -->
| style="background:#B6C8D9;" | +1% <!-- J/E -->
| style="background:#B6C8D9;" | +1% <!-- ED -->
| — <!-- ENV -->
| style="background:#B6C8D9;" | +1% <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| style="background:#47729E; color: white"| +7% <!-- IMM -->
| style="background:#DEDEBD;" | −6% <!-- I/P -->
| — <!-- IH -->
| — <!-- MFG -->
| style="background:#B6C8D9;" | +5% <!-- NS -->
| – <!-- RU -->
| — <!-- TT -->
|-
| [https://docs.google.com/spreadsheets/d/1kdcXmy8B1zajwnb6KUbZ-KxUixlTPoTY3Bg_Bfld0h0/edit?gid=0#gid=0 Washington Post/Ipsos]
| February 13–18, 2025
| 2,177 RV
| ± 2.1%
| style="background:#8B8B54; color: white"| −3% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#8B8B54; color: white"| −3% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| — <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| style="background:#47729E; color: white"| +9% <!-- IMM -->
| — <!-- I/P -->
| — <!-- IH -->
| style="background:#8B8B54; color: white"| −5% <!-- MFG -->
| — <!-- NS -->
| – <!-- RU -->
| — <!-- TT -->
|-
| [https://poll.qu.edu/poll-release?releaseid=3919 Quinnipiac University]
| February 13–17, 2025
| 1,039 RV
| ± 3.0%
| style="background:#DEDEBD;" | −3% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#DEDEBD;" | −4% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| style="background:#DEDEBD;" | −4% <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| style="background:#DEDEBD;" | −3% <!-- IMM -->
| — <!-- I/P -->
| style="background:#DEDEBD;" | −9% <!-- IH -->
| — <!-- MFG -->
| — <!-- NS -->
| style="background:#DEDEBD;" | −4% <!-- RU -->
| style="background:#DEDEBD;" | −7% <!-- TT -->
|-
| [https://news.gallup.com/poll/656891/trump-job-approval-rating-congress-jumps.aspx Gallup]
| February 3–16, 2025
| 1,004 A
| ± 4.0%
| style="background:#8B8B54; color: white"| −6% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#8B8B54; color: white"| −12% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| style="background:#8B8B54; color: white"| −9% <!-- FP -->
| — <!-- GUN -->
| style="background:#8B8B54; color: white"| −5% <!-- IMM -->
| — <!-- I/P -->
| style="background:#8B8B54; color: white"| −11% <!-- IH -->
| — <!-- HC -->
| — <!-- MFG -->
| — <!-- NS -->
| style="background:#DEDEBD;" | −6% <!-- RU -->
| style="background:#8B8B54; color: white"| −11% <!-- TT -->
|-
| [http://echelonin.wpenginepowered.com/wp-content/uploads/February-2025-Voter-Omnibus-Topline-External.pdf Echelon Insights]
| February 10–13, 2025
| 1,010 LV
| ± 3.6%
| style="background:#47729E; color: white"| +6% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#B6C8D9;" | +4% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| style="background:#B6C8D9;" | +4% <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| style="background:#47729E; color: white"| +12% <!-- IMM -->
| — <!-- I/P -->
| — <!-- IH -->
| style="background:#DEDEBD;" | −2% <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| style="background:#DEDEBD;" | −5% <!-- TT -->
|-
| [https://d3nkl3psvxxpe9.cloudfront.net/documents/econTabReport_nyOrDiw.pdf The Economist/YouGov]
| February 9–11, 2025
| 1,430 RV
| ± 3.3%
| style="background:#DEDEBD;" | −2% <!-- O -->
| style="background:#DEDEBD;" | −8% <!-- ABO -->
| — <!-- CIV -->
| style="background:#B6C8D9;" | +6% <!-- CR -->
| — <!-- CJR -->
| style="background:#B6C8D9;" | +1% <!-- J/E -->
| — <!-- ED -->
| style="background:#DEDEBD;" | −9% <!-- ENV -->
| — <!-- FP -->
| style="background:#DEDEBD;" | −4% <!-- GUN -->
| style="background:#DEDEBD;" | −12% <!-- HC -->
| — <!-- IMM -->
| style="background:#8B8B54; color: white"| −7% <!-- I/P -->
| — <!-- IH -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|-
| [https://www.cbsnews.com/news/trump-approval-opinion-poll-2025-2-9/ YouGov/CBS]
| February 5–7, 2025
| 2,175 A
| ± 2.5%
| style="background:#47729E; color: white"| +6% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| — <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| — <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| — <!-- IMM -->
| — <!-- I/P -->
| style="background:#47729E; color: white"| +8% <!-- I/H -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|-
| [https://d3nkl3psvxxpe9.cloudfront.net/documents/econTabReport_FOXP71G.pdf The Economist/YouGov]
| February 2–4, 2025
| 1,423 RV
| ± 3.3%,
| style="background:#B6C8D9;" | +1% <!-- O -->
| — <!-- ABO -->
| style="background:#DEDEBD;" | −2% <!-- CIV -->
| style="background:#B6C8D9;" | +11% <!-- CR -->
| — <!-- CJR -->
| style="background:#B6C8D9;" | +4% <!-- J/E -->
| style="background:#DEDEBD;" | +1% <!-- ED -->
| — <!-- ENV -->
| — <!-- FP -->
| — <!-- GUN -->
| style="background:#DEDEBD;" | −6% <!-- HC -->
| style="background:#47729E; color: white"| +8% <!-- IMM -->
| style="background:#B6C8D9;" | −3% <!-- I/P -->
| — <!-- I/H -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|-
| [https://navigatorresearch.org/wp-content/uploads/2025/02/Navigator-Update-02.12.2025.pdf Navigator Research]
| Jan 30–Feb 3, 2025
| 1,000 RV
| ± 3.1%
| style="background:#B6C8D9;" | +2% <!-- O -->
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| style="background:#B6C8D9;" | +1% <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| — <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| — <!-- IMM -->
| — <!-- I/P -->
| — <!-- I/H -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|-
| [https://d3nkl3psvxxpe9.cloudfront.net/documents/econTabReport_m8tctwx.pdf The Economist/YouGov]
| January 26–28, 2025
| 1,376 RV
| ± 3.3%
| style="background:#47729E; color: white"| +4% <!-- O -->
| style="background:#DEDEBD;" | −8% <!-- ABO -->
| style="background:#DEDEBD;" | −5% <!-- CIV -->
| style="background:#B6C8D9;" | +10% <!-- CR -->
| — <!-- CJR -->
| style="background:#47729E; color: white"| +12% <!-- J/E -->
| — <!-- ED -->
| style="background:#DEDEBD;" | −10% <!-- ENV -->
| — <!-- FP -->
| style="background:#B6C8D9;" | +4% <!-- GUN -->
| — <!-- HC -->
| — <!-- IMM -->
| style="background:#B6C8D9;" | +6% <!-- I/P -->
| — <!-- I/H -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|-
| [https://poll.qu.edu/poll-release?releaseid=3918 Quinnipac University]
| January 23–27, 2025
| 1,019 RV
| ± 3.1%
| style="background:#B6C8D9;| +3%
| — <!-- ABO -->
| — <!-- CIV -->
| — <!-- CR -->
| — <!-- CJR -->
| — <!-- J/E -->
| — <!-- ED -->
| — <!-- ENV -->
| — <!-- FP -->
| — <!-- GUN -->
| — <!-- HC -->
| style="background:#B6C8D9;" | +1% <!-- IMM -->
| — <!-- I/P -->
| — <!-- I/H -->
| — <!-- MFG -->
| — <!-- NS -->
| — <!-- RU -->
| — <!-- T -->
|}
{{sticky table end}}

== Known issues ==

* Tables using this template cannot be edited with VisualEditor (VE) due to unbalanced [[HTML]] (split open/close tags). Use [[Help:Editing#Edit screen(s)|source editing]] (the "Edit source" tab) instead. For more details, see [[Wikipedia:VisualEditor#Limitations|VE Limitations]] and [[Wikipedia:Don't use the VisualEditor|Don't use VE]].
* When {{tl|Anchor}} (or a similar anchor mechanism; see [[WP:ANCHOR]]) is used to link to a part of a top-sticky table, the link's target is moved to the top of the page behind the top-sticky elements. The target can be partially or fully covered depending on the height of the target and the top-sticky elements.
* Setting a table's width to a percentage that is less than 100% (i.e. <code>style="width:50%;"</code>) will add space between the right side of the table and the vertical scroll bar. This is not the case when the width is set to [[pixels]] or [[em units]]. Generally, you should avoid setting the table's width so it stays responsive for the various displays (i.e. desktop vs mobile). More at [[Help:Table/Width]].

== See also ==

* {{Section link|Help:Table/Advanced#Scrolling tables with sticky column and row headers}}
* {{t|sticky header}} - Makes column headers stick to the top of the page while scrolling through table data.
* {{t|shy}} – Can be used to help narrow columns by adding a [[soft hyphen]] to a word to allow it to wrap.
* [[Help:Table/Advanced#Colors in tables]]

More [[WP:template styles|template styles]] for tables:
* {{t|sort under}} - moves the sorting arrows under the headers.
* {{t|row hover highlight}} - adds row hover highlighting, and option for white background. 
* {{t|static row numbers}} - adds a column of row numbers to a table.
* {{t|table alignment}} - aligns the cells in a column, or a whole table.

<includeonly>{{Sandbox other||
[[Category:Table templates]]
}}</includeonly>