<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://battleint.net/index.php?action=history&amp;feed=atom&amp;title=Template%3ASticky_table_start%2Fdoc</id>
	<title>Template:Sticky table start/doc - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://battleint.net/index.php?action=history&amp;feed=atom&amp;title=Template%3ASticky_table_start%2Fdoc"/>
	<link rel="alternate" type="text/html" href="https://battleint.net/index.php?title=Template:Sticky_table_start/doc&amp;action=history"/>
	<updated>2026-08-24T01:24:20Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.44.0</generator>
	<entry>
		<id>https://battleint.net/index.php?title=Template:Sticky_table_start/doc&amp;diff=170631&amp;oldid=prev</id>
		<title>imported&gt;Deadfire: /* See also */</title>
		<link rel="alternate" type="text/html" href="https://battleint.net/index.php?title=Template:Sticky_table_start/doc&amp;diff=170631&amp;oldid=prev"/>
		<updated>2024-11-08T19:23:18Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;See also&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{Documentation subpage}}&lt;br /&gt;
{{tsh|Sticky top|Sticky start}}&lt;br /&gt;
{{uses TemplateStyles|Template:Sticky table start/styles.css}}&lt;br /&gt;
&lt;br /&gt;
This template adds a scrollable container around a table and its classes can be used to make the table&amp;#039;s rows stick to the top or the columns stick to the left side of the container as the table&amp;#039;s data is scrolled in and out of view.&lt;br /&gt;
&lt;br /&gt;
It&amp;#039;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&amp;#039;s width so the layout of Wikipedia&amp;#039;s desktop version remains intact.&lt;br /&gt;
&lt;br /&gt;
A toggle button displays on smaller screens to disable or enable these features for cases where large sticky elements are a hindrance to reading the underlying scrollable data, which is more likely on small devices such as mobile phones.&lt;br /&gt;
&lt;br /&gt;
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]].&lt;br /&gt;
&lt;br /&gt;
== Usage ==&lt;br /&gt;
&lt;br /&gt;
Include {{tlx|sticky table start}} above and {{tlx|sticky table end}} below the table. Add any of the following as needed.&lt;br /&gt;
&lt;br /&gt;
=== Table classes ===&lt;br /&gt;
&lt;br /&gt;
{| class=wikitable style=&amp;quot;background-color: white;&amp;quot;&lt;br /&gt;
|+ Classes for table start wikitext: &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{|&amp;lt;/nowiki&amp;gt; class=&amp;quot;&amp;#039;&amp;#039;class1 class2&amp;#039;&amp;#039;&amp;quot;&amp;lt;/code&amp;gt;.&lt;br /&gt;
|-&lt;br /&gt;
! Class&lt;br /&gt;
! Summary&lt;br /&gt;
|-&lt;br /&gt;
| class=nowrap | &amp;lt;code&amp;gt;sticky-table-head&amp;lt;/code&amp;gt;&lt;br /&gt;
| Make the table head top sticky. Don&amp;#039;t combine with &amp;lt;code&amp;gt;sticky-table-row&amp;#039;&amp;#039;N&amp;#039;&amp;#039;&amp;lt;/code&amp;gt;. &amp;lt;strong&amp;gt;Requires sortable table&amp;lt;/strong&amp;gt;, which moves consecutive top header rows into the {{Tag|thead|o}} (table head) [[w:HTML element|HTML element]]. Rows using the &amp;lt;code&amp;gt;sorttop&amp;lt;/code&amp;gt; class become sticky after sorting. Avoid making headers sticky that aren&amp;#039;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. [[w:Page orientation|mobile landscape]]).&lt;br /&gt;
|-&lt;br /&gt;
| class=nowrap | &amp;lt;code&amp;gt;sticky-table-row&amp;#039;&amp;#039;N&amp;#039;&amp;#039;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Make row &amp;#039;&amp;#039;N&amp;#039;&amp;#039; top sticky where &amp;#039;&amp;#039;N&amp;#039;&amp;#039; is a number from 1 to 2. Limit 1 to avoid stacking issues where a taller row 1 is still visible. Don&amp;#039;t combine with &amp;lt;code&amp;gt;sticky-table-head&amp;lt;/code&amp;gt;. Unpredictable results if the row spans or is spanned with the &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; attribute.&lt;br /&gt;
|-&lt;br /&gt;
| class=nowrap | &amp;lt;code&amp;gt;sticky-table-col&amp;#039;&amp;#039;N&amp;#039;&amp;#039;&amp;lt;/code&amp;gt;&lt;br /&gt;
| Make column &amp;#039;&amp;#039;N&amp;#039;&amp;#039; left sticky where &amp;#039;&amp;#039;N&amp;#039;&amp;#039; 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 &amp;lt;code&amp;gt;colspan&amp;lt;/code&amp;gt; attribute. Avoid making an excessively wide column sticky that might block too much data on narrow screens (ex. [[w:Page orientation|mobile portrait]]).&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Cell classes ===&lt;br /&gt;
&lt;br /&gt;
{| class=wikitable style=&amp;quot;background-color: white;&amp;quot;&lt;br /&gt;
|+ Classes for cell wikitext: &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;!&amp;lt;/nowiki&amp;gt; class=&amp;quot;&amp;#039;&amp;#039;class1 class2&amp;#039;&amp;#039;&amp;quot; &amp;lt;nowiki&amp;gt;|&amp;lt;/nowiki&amp;gt; …&amp;lt;/code&amp;gt;&amp;lt;br&amp;gt;or &amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;|&amp;lt;/nowiki&amp;gt; class=&amp;quot;&amp;#039;&amp;#039;class1 class2&amp;#039;&amp;#039;&amp;quot; &amp;lt;nowiki&amp;gt;|&amp;lt;/nowiki&amp;gt; …&amp;lt;/code&amp;gt;.&lt;br /&gt;
|-&lt;br /&gt;
! Class&lt;br /&gt;
! Summary&lt;br /&gt;
|-&lt;br /&gt;
| class=nowrap | &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt;&lt;br /&gt;
| Remove sticky from cell in cases where &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; causes an issue. For example, a sticky column using &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; will have some cells that are sticky in the next column. See [[#Usage of sticky-table-none and sticky-table-left|usage example]].&lt;br /&gt;
|-&lt;br /&gt;
| class=nowrap | &amp;lt;code&amp;gt;sticky-table-left&amp;lt;/code&amp;gt;&lt;br /&gt;
| Add left sticky to cell in cases where &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; causes an issue. For example, column 1 using &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; 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]].&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Sticky row 1 and column 1 ==&lt;br /&gt;
&lt;br /&gt;
Note: Also works if the table uses the &amp;lt;code&amp;gt;sortable&amp;lt;/code&amp;gt; class.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;display: inline-grid;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=wikitext&amp;gt;&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sticky-table-row1 sticky-table-col1&amp;quot;&lt;br /&gt;
⫶&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sticky-table-row1 sticky-table-col1&amp;quot;&lt;br /&gt;
|+ Caption&lt;br /&gt;
|-&lt;br /&gt;
! Header 1 !! Header 2 !! Header 3 !! Header 4 !! Header 5 !! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10&lt;br /&gt;
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15 !! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20&lt;br /&gt;
! Header 21 !! Header 22 !! Header 23 !! Header 24 !! Header 25 !! Header 26&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&lt;br /&gt;
== Sticky head and column 1 ==&lt;br /&gt;
&lt;br /&gt;
Note: The &amp;lt;code&amp;gt;sticky-table-head&amp;lt;/code&amp;gt; class requires the table to use the &amp;lt;code&amp;gt;sortable&amp;lt;/code&amp;gt; class so the column header rows are moved to the {{Tag|thead|o}} element.&lt;br /&gt;
&lt;br /&gt;
The &amp;quot;Header 2&amp;quot; cell uses the &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt; class to fix the left sticky issue caused by the &amp;quot;Header 1&amp;quot; cell&amp;#039;s &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt;.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;display: inline-grid;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=wikitext highlight=1-2,9,13&amp;gt;&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col1&amp;quot;&lt;br /&gt;
|+ Caption&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 1&lt;br /&gt;
! colspan=&amp;quot;4&amp;quot; | Header group 1&lt;br /&gt;
⫶&lt;br /&gt;
|-&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; | Header 2&lt;br /&gt;
! Header 3 !! Header 4 !! Header 5 !! …&lt;br /&gt;
⫶&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col1&amp;quot;&lt;br /&gt;
|+ Caption&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 1&lt;br /&gt;
! colspan=&amp;quot;4&amp;quot; | Header group 1&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 2&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 3&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 4&lt;br /&gt;
|-&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; | Header 2&lt;br /&gt;
! Header 3 !! Header 4 !! Header 5 !! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10&lt;br /&gt;
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15 !! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20&lt;br /&gt;
|- class=&amp;quot;sorttop&amp;quot;&lt;br /&gt;
| top || top || top || top || top || top || top || top || top || top&lt;br /&gt;
| top || top || top || top || top || top || top || top || top || top&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|- class=&amp;quot;sortbottom&amp;quot;&lt;br /&gt;
| bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom&lt;br /&gt;
| bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom || bottom&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&lt;br /&gt;
== Usage of sticky-table-none. Sticky column 1 ==&lt;br /&gt;
&lt;br /&gt;
Note that the table in this section is basically the same as the table in the next section except that a different column is left sticky. This means that a different header uses the &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt; class. &lt;br /&gt;
&lt;br /&gt;
The header rows are top sticky and the first column is left sticky. When &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; messes up what is sticky, the &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt; class can be used to fix it.&lt;br /&gt;
&lt;br /&gt;
For illustration purposes, a background color has been added to the table:&lt;br /&gt;
* &amp;lt;span style=&amp;quot;background-color: yellow;&amp;quot;&amp;gt;yellow&amp;lt;/span&amp;gt; for &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;display: inline-grid;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=wikitext highlight=1-2,8,17,23,28&amp;gt;&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col1&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2 | Header 1&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 2&lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; | Header group 1 !! …&lt;br /&gt;
|-&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; | Header 3&lt;br /&gt;
! Header 4&lt;br /&gt;
! Header 5 !! …&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; | data&lt;br /&gt;
| data&lt;br /&gt;
| data || …&lt;br /&gt;
⫶&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col1&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 1&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 2&lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; | Header group 1&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 2&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 3&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 4&lt;br /&gt;
|-&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; style=&amp;quot;background-color: yellow;&amp;quot; | Header 3&lt;br /&gt;
! Header 4&lt;br /&gt;
! Header 5&lt;br /&gt;
! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10&lt;br /&gt;
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15&lt;br /&gt;
! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| data&lt;br /&gt;
| data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; style=&amp;quot;background-color: yellow;&amp;quot; | data&lt;br /&gt;
| data&lt;br /&gt;
| data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&lt;br /&gt;
== Usage of sticky-table-none and sticky-table-left. Sticky column 2 ==&lt;br /&gt;
&lt;br /&gt;
The header rows are top sticky and the second column is left sticky. When making a column left sticky and &amp;lt;code&amp;gt;rowspan&amp;lt;/code&amp;gt; messes up what is sticky, the &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;sticky-table-left&amp;lt;/code&amp;gt; classes can be used to fix it.&lt;br /&gt;
&lt;br /&gt;
For illustration purposes, background colors have been added to the table:&lt;br /&gt;
* &amp;lt;span style=&amp;quot;background-color: yellow;&amp;quot;&amp;gt;yellow&amp;lt;/span&amp;gt; for &amp;lt;code&amp;gt;sticky-table-none&amp;lt;/code&amp;gt;&lt;br /&gt;
* &amp;lt;span style=&amp;quot;background-color: orange;&amp;quot;&amp;gt;orange&amp;lt;/span&amp;gt; for &amp;lt;code&amp;gt;sticky-table-left&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;display: inline-grid;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=wikitext highlight=1-2,9,17,23-24,28&amp;gt;&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col2&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2 | Header 1&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 2&lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; | Header group 1 !! …&lt;br /&gt;
|-&lt;br /&gt;
! Header 3&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; | Header 4&lt;br /&gt;
! Header 5 !! …&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
|-&lt;br /&gt;
| class=&amp;quot;sticky-table-left&amp;quot; | data&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; | data&lt;br /&gt;
| data || …&lt;br /&gt;
⫶&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{Sticky table start}}&lt;br /&gt;
{| class=&amp;quot;wikitable sortable sticky-table-head sticky-table-col2&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 1&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Header 2&lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; | Header group 1&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 2&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 3&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; | Header group 4&lt;br /&gt;
|-&lt;br /&gt;
! Header 3&lt;br /&gt;
! class=&amp;quot;sticky-table-none&amp;quot; style=&amp;quot;background-color: yellow;&amp;quot; | Header 4&lt;br /&gt;
! Header 5&lt;br /&gt;
! Header 6 !! Header 7 !! Header 8 !! Header 9 !! Header 10&lt;br /&gt;
! Header 11 !! Header 12 !! Header 13 !! Header 14 !! Header 15&lt;br /&gt;
! Header 16 !! Header 17 !! Header 18 !! Header 19 !! Header 20&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; style=&amp;quot;background-color: yellow;&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| class=&amp;quot;sticky-table-left&amp;quot; style=&amp;quot;background-color: orange;&amp;quot; | data&lt;br /&gt;
| class=&amp;quot;sticky-table-none&amp;quot; style=&amp;quot;background-color: yellow;&amp;quot; | data&lt;br /&gt;
| data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|-&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
| data || data || data || data || data || data || data || data || data || data&lt;br /&gt;
|}&lt;br /&gt;
{{Sticky table end}}&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&lt;br /&gt;
* {{Section link|w:Help:Table/Advanced#Scrolling tables with sticky column and row headers}}&lt;br /&gt;
* {{t|sticky header}} - Makes column headers stick to the top of the page while scrolling through table data.&lt;br /&gt;
* {{t|shy}} – Can be used to help narrow columns by adding a [[w:soft hyphen|soft hyphen]] to a word to allow it to wrap.&lt;br /&gt;
* [[Help:Table#Colors in tables]]&lt;br /&gt;
&lt;br /&gt;
More [[w:WP:template styles|template styles]] for tables:&lt;br /&gt;
* {{t|sort under}} - moves the sorting arrows under the headers.&lt;br /&gt;
* {{t|row hover highlight}} - adds row hover highlighting, and option for white background. &lt;br /&gt;
* {{t|static row numbers}} - adds a column of row numbers to a table.&lt;br /&gt;
* {{t|table alignment}} - aligns the cells in a column, or a whole table.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;includeonly&amp;gt;{{Sandbox other||&lt;br /&gt;
[[Category:Table templates]]&lt;br /&gt;
}}&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>imported&gt;Deadfire</name></author>
	</entry>
</feed>