CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Template:Sticky header - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"9560ef97-62c2-4811-91b2-f659b7f79072","wgCanonicalNamespace":"Template","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":10,"wgPageName":"Template:Sticky_header","wgTitle":"Sticky header","wgCurRevisionId":1235874409,"wgRevisionId":1235874409,"wgArticleId":74959241,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia extended-confirmed-protected templates","Templates using TemplateStyles","Table templates","Templates using TemplateStyles to style external elements"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Template:Sticky_header","wgRelevantArticleId":74959241,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["extendedconfirmed"],"wgRestrictionMove":[ "extendedconfirmed"],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":200,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q122912470","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false, "wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.tablesorter.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","site","mediawiki.page.ready","jquery.tablesorter","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init", "ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.tablesorter.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Template:Sticky header - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Template:Sticky_header"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Template:Sticky_header"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-10 ns-subject page-Template_Sticky_header rootpage-Template_Sticky_header skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Template%3ASticky+header" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Template%3ASticky+header" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Template%3ASticky+header" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Template%3ASticky+header" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Usage" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Usage"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Usage</span> </div> </a> <ul id="toc-Usage-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Single_sticky_header_row" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Single_sticky_header_row"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Single sticky header row</span> </div> </a> <ul id="toc-Single_sticky_header_row-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Multiple_sticky_header_rows" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Multiple_sticky_header_rows"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Multiple sticky header rows</span> </div> </a> <button aria-controls="toc-Multiple_sticky_header_rows-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Multiple sticky header rows subsection</span> </button> <ul id="toc-Multiple_sticky_header_rows-sublist" class="vector-toc-list"> <li id="toc-Header_rows_not_for_whole_table" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Header_rows_not_for_whole_table"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Header rows not for whole table</span> </div> </a> <ul id="toc-Header_rows_not_for_whole_table-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Excessively_tall_header_rows" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Excessively_tall_header_rows"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>Excessively tall header rows</span> </div> </a> <ul id="toc-Excessively_tall_header_rows-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Known_issues" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Known_issues"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Known issues</span> </div> </a> <ul id="toc-Known_issues-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Template</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Sticky header</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 32 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-32" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">32 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-smn mw-list-item"><a href="https://smn.wikipedia.org/wiki/Myenster:Sticky_header" title="Myenster:Sticky header – Inari Sami" lang="smn" hreflang="smn" data-title="Myenster:Sticky header" data-language-autonym="Anarâškielâ" data-language-local-name="Inari Sami" class="interlanguage-link-target"><span>Anarâškielâ</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%82%D8%A7%D9%84%D8%A8:Sticky_header" title="قالب:Sticky header – Arabic" lang="ar" hreflang="ar" data-title="قالب:Sticky header" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-ban mw-list-item"><a href="https://ban.wikipedia.org/wiki/Mal:Sticky_header" title="Mal:Sticky header – Balinese" lang="ban" hreflang="ban" data-title="Mal:Sticky header" data-language-autonym="Basa Bali" data-language-local-name="Balinese" class="interlanguage-link-target"><span>Basa Bali</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%9F%E0%A7%87%E0%A6%AE%E0%A6%AA%E0%A7%8D%E0%A6%B2%E0%A7%87%E0%A6%9F:Sticky_header" title="টেমপ্লেট:Sticky header – Bangla" lang="bn" hreflang="bn" data-title="টেমপ্লেট:Sticky header" data-language-autonym="বাংলা" data-language-local-name="Bangla" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-zh-min-nan mw-list-item"><a href="https://zh-min-nan.wikipedia.org/wiki/Pang-b%C3%B4%CD%98:Sticky_header" title="Pang-bô͘:Sticky header – Minnan" lang="nan" hreflang="nan" data-title="Pang-bô͘:Sticky header" data-language-autonym="閩南語 / Bân-lâm-gú" data-language-local-name="Minnan" class="interlanguage-link-target"><span>閩南語 / Bân-lâm-gú</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/%CE%A0%CF%81%CF%8C%CF%84%CF%85%CF%80%CE%BF:Sticky_header" title="Πρότυπο:Sticky header – Greek" lang="el" hreflang="el" data-title="Πρότυπο:Sticky header" data-language-autonym="Ελληνικά" data-language-local-name="Greek" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Plantilla:Sticky_header" title="Plantilla:Sticky header – Spanish" lang="es" hreflang="es" data-title="Plantilla:Sticky header" data-language-autonym="Español" data-language-local-name="Spanish" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Txantiloi:Sticky_header" title="Txantiloi:Sticky header – Basque" lang="eu" hreflang="eu" data-title="Txantiloi:Sticky header" data-language-autonym="Euskara" data-language-local-name="Basque" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%A7%D9%84%DA%AF%D9%88:%D8%B3%D8%B1%D8%A2%DB%8C%D9%86%D8%AF_%DA%86%D8%B3%D8%A8%D9%86%D8%AF%D9%87" title="الگو:سرآیند چسبنده – Persian" lang="fa" hreflang="fa" data-title="الگو:سرآیند چسبنده" data-language-autonym="فارسی" data-language-local-name="Persian" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Mod%C3%A8le:Sticky_header" title="Modèle:Sticky header – French" lang="fr" hreflang="fr" data-title="Modèle:Sticky header" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%ED%8B%80:%EC%83%81%EB%8B%A8_%EA%B3%A0%EC%A0%95" title="틀:상단 고정 – Korean" lang="ko" hreflang="ko" data-title="틀:상단 고정" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Predlo%C5%BEak:Sticky_header" title="Predložak:Sticky header – Croatian" lang="hr" hreflang="hr" data-title="Predložak:Sticky header" data-language-autonym="Hrvatski" data-language-local-name="Croatian" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Templat:Sticky_header" title="Templat:Sticky header – Indonesian" lang="id" hreflang="id" data-title="Templat:Sticky header" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/Sni%C3%B0:Sticky_header" title="Snið:Sticky header – Icelandic" lang="is" hreflang="is" data-title="Snið:Sticky header" data-language-autonym="Íslenska" data-language-local-name="Icelandic" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/%D2%AE%D0%BB%D0%B3%D1%96:%D0%86%D0%BB%D0%B5%D1%81%D0%BF%D0%B5_%D1%82%D0%B0%D2%9B%D1%8B%D1%80%D1%8B%D0%BF%D1%88%D0%B0" title="Үлгі:Ілеспе тақырыпша – Kazakh" lang="kk" hreflang="kk" data-title="Үлгі:Ілеспе тақырыпша" data-language-autonym="Қазақша" data-language-local-name="Kazakh" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Sablon:Sticky_header" title="Sablon:Sticky header – Hungarian" lang="hu" hreflang="hu" data-title="Sablon:Sticky header" data-language-autonym="Magyar" data-language-local-name="Hungarian" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%9F%D1%80%D0%B5%D0%B4%D0%BB%D0%BE%D1%88%D0%BA%D0%B0:%D0%9F%D1%80%D0%B8%D1%86%D0%B2%D1%80%D1%81%D1%82%D0%B5%D0%BD%D0%BE_%D0%B7%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%B8%D0%B5" title="Предлошка:Прицврстено заглавие – Macedonian" lang="mk" hreflang="mk" data-title="Предлошка:Прицврстено заглавие" data-language-autonym="Македонски" data-language-local-name="Macedonian" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-mn mw-list-item"><a href="https://mn.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%B2%D0%B0%D1%80:Sticky_header" title="Загвар:Sticky header – Mongolian" lang="mn" hreflang="mn" data-title="Загвар:Sticky header" data-language-autonym="Монгол" data-language-local-name="Mongolian" class="interlanguage-link-target"><span>Монгол</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Sjabloon:Sticky_header" title="Sjabloon:Sticky header – Dutch" lang="nl" hreflang="nl" data-title="Sjabloon:Sticky header" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Template:Sticky_header" title="Template:Sticky header – Japanese" lang="ja" hreflang="ja" data-title="Template:Sticky header" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Szablon:Sticky_header" title="Szablon:Sticky header – Polish" lang="pl" hreflang="pl" data-title="Szablon:Sticky header" data-language-autonym="Polski" data-language-local-name="Polish" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Predefini%C3%A7%C3%A3o:Sticky_header" title="Predefinição:Sticky header – Portuguese" lang="pt" hreflang="pt" data-title="Predefinição:Sticky header" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Sticky_header" title="Шаблон:Sticky header – Russian" lang="ru" hreflang="ru" data-title="Шаблон:Sticky header" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Template:Sticky_header" title="Template:Sticky header – Simple English" lang="en-simple" hreflang="en-simple" data-title="Template:Sticky header" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Predloga:Sticky_header" title="Predloga:Sticky header – Slovenian" lang="sl" hreflang="sl" data-title="Predloga:Sticky header" data-language-autonym="Slovenščina" data-language-local-name="Slovenian" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Sticky_header" title="Шаблон:Sticky header – Serbian" lang="sr" hreflang="sr" data-title="Шаблон:Sticky header" data-language-autonym="Српски / srpski" data-language-local-name="Serbian" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%A1%E0%B9%88%E0%B9%81%E0%B8%9A%E0%B8%9A:Sticky_header" title="แม่แบบ:Sticky header – Thai" lang="th" hreflang="th" data-title="แม่แบบ:Sticky header" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/%C5%9Eablon:Sabit_ba%C5%9Fl%C4%B1k" title="Şablon:Sabit başlık – Turkish" lang="tr" hreflang="tr" data-title="Şablon:Sabit başlık" data-language-autonym="Türkçe" data-language-local-name="Turkish" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D8%B3%D8%A7%D9%86%DA%86%DB%81:Sticky_header" title="سانچہ:Sticky header – Urdu" lang="ur" hreflang="ur" data-title="سانچہ:Sticky header" data-language-autonym="اردو" data-language-local-name="Urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/B%E1%BA%A3n_m%E1%BA%ABu:Ti%C3%AAu_%C4%91%E1%BB%81_d%C3%ADnh" title="Bản mẫu:Tiêu đề dính – Vietnamese" lang="vi" hreflang="vi" data-title="Bản mẫu:Tiêu đề dính" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnamese" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/Template:Sticky_header" title="Template:Sticky header – Cantonese" lang="yue" hreflang="yue" data-title="Template:Sticky header" data-language-autonym="粵語" data-language-local-name="Cantonese" class="interlanguage-link-target"><span>粵語</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/Template:Sticky_header" title="Template:Sticky header – Chinese" lang="zh" hreflang="zh" data-title="Template:Sticky header" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q122912470#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-template" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Template:Sticky_header" title="View the template [c]" accesskey="c"><span>Template</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Template_talk:Sticky_header" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Template:Sticky_header"><span>Read</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Template:Sticky_header"><span>Read</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&action=edit"><span>View source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Template:Sticky_header" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Template:Sticky_header" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&oldid=1235874409" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Template:Sticky_header&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTemplate%3ASticky_header"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTemplate%3ASticky_header"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-electronpdfservice-sidebar-portlet-heading" class="vector-menu mw-portlet mw-portlet-electronpdfservice-sidebar-portlet-heading" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="electron-print_pdf" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Template%3ASticky_header&action=show-download-screen"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/Template:Import-stickytable" hreflang="en"><span>MediaWiki</span></a></li><li class="wb-otherproject-link wb-otherproject-meta mw-list-item"><a href="https://meta.wikimedia.org/wiki/Template:Sticky_header" hreflang="en"><span>Meta-Wiki</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q122912470" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> <div id="mw-indicator-pp-default" class="mw-indicator"><div class="mw-parser-output"><span typeof="mw:File"><a href="/wiki/Wikipedia:Protection_policy#extended" title="This high-risk template is permanently extended-protected to prevent vandalism"><img alt="Permanently protected template" src="//upload.wikimedia.org/wikipedia/en/thumb/8/8c/Extended-protection-shackle.svg/20px-Extended-protection-shackle.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/8/8c/Extended-protection-shackle.svg/30px-Extended-protection-shackle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/8/8c/Extended-protection-shackle.svg/40px-Extended-protection-shackle.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></div></div> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><style data-mw-deduplicate="TemplateStyles:r1237875617">.mw-parser-output .documentation,.mw-parser-output .documentation-metadata{border:1px solid #a2a9b1;background-color:#ecfcf4;clear:both}.mw-parser-output .documentation{margin:1em 0 0 0;padding:1em}.mw-parser-output .documentation-metadata{margin:0.2em 0;font-style:italic;padding:0.4em 1em}.mw-parser-output .documentation-startbox{padding-bottom:3px;border-bottom:1px solid #aaa;margin-bottom:1ex}.mw-parser-output .documentation-heading{font-weight:bold;font-size:125%}.mw-parser-output .documentation-clear{clear:both}.mw-parser-output .documentation-toolbar{font-style:normal;font-size:85%}@media screen{html.skin-theme-clientpref-night .mw-parser-output .documentation,html.skin-theme-clientpref-night .mw-parser-output .documentation-metadata{background-color:#0b1e1c}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .documentation,html.skin-theme-clientpref-os .mw-parser-output .documentation-metadata{background-color:#0b1e1c}}</style><div class="documentation-container" role="complementary" aria-labelledby="documentation-heading"> <div class="documentation"> <div class="documentation-startbox"> <span class="documentation-heading" id="documentation-heading"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/50px-Test_Template_Info-Icon_-_Version_%282%29.svg.png" decoding="async" width="50" height="22" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/75px-Test_Template_Info-Icon_-_Version_%282%29.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/100px-Test_Template_Info-Icon_-_Version_%282%29.svg.png 2x" data-file-width="1792" data-file-height="800" /></span></span> Template documentation</span><span class="mw-editsection-like plainlinks">[<a href="/wiki/Template:Sticky_header/doc" title="Template:Sticky header/doc">view</a>] [<a href="/wiki/Special:EditPage/Template:Sticky_header/doc" title="Special:EditPage/Template:Sticky header/doc">edit</a>] [<a href="/wiki/Special:PageHistory/Template:Sticky_header/doc" title="Special:PageHistory/Template:Sticky header/doc">history</a>] [<a href="/wiki/Special:Purge/Template:Sticky_header" title="Special:Purge/Template:Sticky header">purge</a>]</span></div> <style data-mw-deduplicate="TemplateStyles:r1238436933">.mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:var(--background-color-neutral-subtle,#f8f9fa);box-sizing:border-box;color:var(--color-base,#202122)}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}body.skin--responsive .mw-parser-output table.ombox img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .ombox-speedy{background-color:#310402}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .ombox-speedy{background-color:#310402}}</style><table class="plainlinks ombox ombox-style" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="Warning" src="//upload.wikimedia.org/wikipedia/en/thumb/7/74/Ambox_warning_yellow.svg/40px-Ambox_warning_yellow.svg.png" decoding="async" width="40" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/7/74/Ambox_warning_yellow.svg/60px-Ambox_warning_yellow.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/7/74/Ambox_warning_yellow.svg/80px-Ambox_warning_yellow.svg.png 2x" data-file-width="386" data-file-height="334" /></span></span></td><td class="mbox-text"><b>This template is used on <a class="external text" href="https://linkcount.toolforge.org/?project=en.wikipedia.org&page=Template%3ASticky+header#transclusions">approximately 4,600 pages</a></b> and changes may be widely noticed. Test changes in the template's <a href="/wiki/Template:Sticky_header/sandbox" title="Template:Sticky header/sandbox">/sandbox</a> or <a href="/wiki/Template:Sticky_header/testcases" title="Template:Sticky header/testcases">/testcases</a> subpages, or in your own <a href="/wiki/Wikipedia:User_pages#SUB" title="Wikipedia:User pages">user subpage</a>. Consider discussing changes on the <a href="/wiki/Template_talk:Sticky_header" title="Template talk:Sticky header">talk page</a> before implementing them.</td></tr></tbody></table> <style data-mw-deduplicate="TemplateStyles:r1252059228">.mw-parser-output .module-shortcutboxplain{float:right;margin:0 0 0 1em;border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-base,#fff);padding:0.3em 0.6em 0.2em 0.6em;text-align:center;font-size:85%}.mw-parser-output .module-shortcutboxleft{float:left;margin:0 1em 0 0}.mw-parser-output .module-shortcutlist{display:inline-block;border-bottom:1px solid var(--border-color-base,#a2a9b1);margin-bottom:0.2em}.mw-parser-output .module-shortcutboxplain ul{font-weight:bold}.mw-parser-output .module-shortcutanchordiv{position:relative;top:-3em}.mw-parser-output li .module-shortcutanchordiv{float:right}.mw-parser-output .mbox-imageright .module-shortcutboxplain{padding:0.4em 1em 0.4em 1em;line-height:1.3;margin:0}</style><div class="module-shortcutanchordiv"><span id="sticky-header"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Redirect" title="Wikipedia:Redirect">Redirect</a></div><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"><ul><li>{{<span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Template:Sticky-header&redirect=no">sticky-header</a></span>}}</li></ul></div></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="plainlinks ombox mbox-small ombox-notice" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><a href="/wiki/File:Farm-Fresh_css_add.svg" class="mw-file-description"><img alt="CSS" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Farm-Fresh_css_add.svg/32px-Farm-Fresh_css_add.svg.png" decoding="async" width="32" height="27" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Farm-Fresh_css_add.svg/48px-Farm-Fresh_css_add.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Farm-Fresh_css_add.svg/64px-Farm-Fresh_css_add.svg.png 2x" data-file-width="142" data-file-height="121" /></a></span></td><td class="mbox-text">This template uses <a href="https://www.mediawiki.org/wiki/Help:TemplateStyles" class="extiw" title="mw:Help:TemplateStyles">TemplateStyles</a>: <div><ul><li><a href="/wiki/Template:Sticky_header/styles.css" title="Template:Sticky header/styles.css">Template:Sticky header/styles.css</a> (<a href="/wiki/Template:Sticky_header/sandbox/styles.css" title="Template:Sticky header/sandbox/styles.css">sandbox</a>)</li></ul></div></td></tr></tbody></table> <p>This template makes a table's column headers stick to the top of the screen as the table's data is scrolled in and out of view. It's used on tall tables that have column headers that might be difficult to remember as you scroll through the data. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Usage">Usage</h2></div> <p>Include this template by adding <span class="nowrap"><code>{{sticky header}}</code></span> or its redirect <span class="nowrap"><code>{{sticky-header}}</code></span> above a table. Add one of the following classes to the table start wikitext. </p> <table class="wikitable" style="background-color: white;"> <caption>Classes for table start wikitext: <code>{| class="<i>class1 class2</i>"</code>. </caption> <tbody><tr> <th>Class </th> <th>Summary </th></tr> <tr> <td class="nowrap"><code>sticky-header</code> </td> <td>Make the first header row top sticky. </td></tr> <tr> <td class="nowrap"><code>sticky-header-multi</code> </td> <td><strong>Requires sortable table</strong>. Make multiple header rows top sticky. Avoid use with the <code>sorttop</code> class that becomes sticky after sorting. Avoid making headers sticky that aren't for the entire table (ex. section header rows). Avoid making excessively tall header rows sticky that might block too much data on short screens (ex. mobile landscape). </td></tr></tbody></table> <div class="mw-heading mw-heading2"><h2 id="Single_sticky_header_row">Single sticky header row</h2></div> <p>The <code>sticky-header</code> class is used to make the first header row top sticky. Sortable is not required. </p> <div style="display: inline-grid; vertical-align:top;"> <style data-mw-deduplicate="TemplateStyles:r1253789634">@media screen{.mw-parser-output .sticky-header>thead>tr:first-child,.mw-parser-output .sticky-header>caption+tbody>tr:first-child,.mw-parser-output .sticky-header>tbody:first-child>tr:first-child,.mw-parser-output .sticky-header-multi>thead{position:sticky;top:0;z-index:10}.mw-parser-output .sticky-header:not(.wikitable),.mw-parser-output .sticky-header-multi:not(.wikitable){background-color:white}.mw-parser-output .sticky-header:not(.wikitable)>*,.mw-parser-output .sticky-header:not(.wikitable)>thead>tr:first-child,.mw-parser-output .sticky-header:not(.wikitable)>caption+tbody>tr:first-child,.mw-parser-output .sticky-header:not(.wikitable)>tbody:first-child>tr:first-child,.mw-parser-output .sticky-header-multi:not(.wikitable)>thead,.mw-parser-output .sticky-header-multi>thead{background-color:inherit}.mw-parser-output .sticky-header.wikitable,.mw-parser-output .sticky-header-multi.wikitable{border-collapse:separate;border-spacing:0;border-width:0 1px 1px 0}.mw-parser-output .sticky-header.wikitable td,.mw-parser-output .sticky-header.wikitable th,.mw-parser-output .sticky-header-multi.wikitable td,.mw-parser-output .sticky-header-multi.wikitable th{border-width:1px 0 0 1px}body.skin-timeless .mw-parser-output .sticky-header.wikitable,body.skin-timeless .mw-parser-output .sticky-header-multi.wikitable{border-bottom-width:0.2em;padding:0}.mw-parser-output .sticky-header.static-row-numbers.wikitable tr::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable tr::before{border-left-width:1px}.mw-parser-output .sticky-header.static-row-numbers.wikitable>thead>tr:first-child::before,.mw-parser-output .sticky-header.static-row-numbers.wikitable>caption+tbody>tr:first-child::before,.mw-parser-output .sticky-header.static-row-numbers.wikitable>tbody:first-child>tr:first-child::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable>thead>tr:first-child::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable>caption+tbody>tr:first-child::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable>tbody:first-child>tr:first-child::before,.mw-parser-output .sticky-header.static-row-numbers.wikitable .sortbottom::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable .sortbottom::before{border-top-width:1px}.mw-parser-output .sticky-header.static-row-numbers.wikitable .sortbottom~.sortbottom::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable .sortbottom~.sortbottom::before{border-top-width:0}.mw-parser-output .sticky-header.static-row-numbers.wikitable>tbody>tr:not(.static-row-header)::before,.mw-parser-output .sticky-header-multi.static-row-numbers.wikitable>tbody>tr:not(.static-row-header)::before{border-bottom-width:0!important;border-right-width:0!important}body.skin-timeless .mw-parser-output .content-table-scrollbar,body.skin-timeless .mw-parser-output .overflowed,body.skin-timeless .mw-parser-output .overflowed .content-table{overflow:visible}body.skin-timeless .mw-parser-output .scroll-right.overflowed .content-table-right{box-shadow:none;border-left:none}}@media screen and (min-width:1120px){body.vector-sticky-header-visible .mw-parser-output .sticky-header>thead>tr:first-child,body.vector-sticky-header-visible .mw-parser-output .sticky-header>caption+tbody>tr:first-child,body.vector-sticky-header-visible .mw-parser-output .sticky-header>tbody:first-child>tr:first-child,body.vector-sticky-header-visible .mw-parser-output .sticky-header-multi>thead{top:3.125rem}}@media screen and (min-width:851px){body.skin-timeless .mw-parser-output .sticky-header>thead>tr:first-child,body.skin-timeless .mw-parser-output .sticky-header>caption+tbody>tr:first-child,body.skin-timeless .mw-parser-output .sticky-header>tbody:first-child>tr:first-child,body.skin-timeless .mw-parser-output .sticky-header-multi>thead{top:3.51em}}@media screen and (max-width:639px){body.skin-minerva .mw-parser-output .sticky-header,body.skin-minerva .mw-parser-output .sticky-header-multi,body.skin-monobook .mw-parser-output .sticky-header,body.skin-monobook .mw-parser-output .sticky-header-multi,body.skin-vector-legacy .mw-parser-output .sticky-header,body.skin-vector-legacy .mw-parser-output .sticky-header-multi,body.skin-vector-2022 .mw-parser-output .sticky-header,body.skin-vector-2022 .mw-parser-output .sticky-header-multi{display:table}body.skin-minerva .mw-parser-output .sticky-header>caption,body.skin-minerva .mw-parser-output .sticky-header-multi>caption{display:table-caption}}@media screen{html.skin-theme-clientpref-night body.skin-minerva .mw-parser-output .sticky-header-multi.wikitable{background-color:#101418}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-minerva .mw-parser-output .sticky-header-multi.wikitable{background-color:#101418}}</style> <table class="wikitable sortable sticky-header"> <caption>Caption </caption> <tbody><tr> <th>Color</th> <th>A</th> <th>B </th> <th class="unsortable">C </th></tr> <tr class="sorttop"> <td><b>Max</b></td> <td>10</td> <td>11</td> <td>12 </td></tr> <tr> <td>Red</td> <td>1</td> <td>2</td> <td>3 </td></tr> <tr> <td>Lime</td> <td>4</td> <td>5</td> <td>6 </td></tr> <tr> <td>Gold</td> <td>7</td> <td>8</td> <td>9 </td></tr> <tr> <td>Blue</td> <td>10</td> <td>11</td> <td>12 </td></tr> <tr class="sortbottom"> <td><b>Total</b></td> <td>22</td> <td>26</td> <td>30 </td></tr></tbody></table> </div> <div style="display: inline-grid; vertical-align:top;"> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="hll"><span class="p">{{</span><span class="nt">sticky header</span><span class="p">}}</span> </span><span class="hll"><span class="p">{|</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"wikitable sortable sticky-header"</span> </span><span class="p">|+</span><span class="gh"> Caption</span> <span class="p">|-</span> <span class="p">!</span><span class="gu"> Color </span><span class="p">!!</span><span class="gu"> A </span><span class="p">!!</span><span class="gu"> B</span> <span class="p">!</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"unsortable"</span><span class="w"> </span><span class="p">|</span><span class="gu"> C</span> <span class="p">|-</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s">sorttop</span> <span class="p">|</span> <span class="gs">'''Max'''</span> <span class="p">||</span> 10 <span class="p">||</span> 11 <span class="p">||</span> 12 <span class="p">|-</span> <span class="p">|</span> Red <span class="p">||</span> 1 <span class="p">||</span> 2 <span class="p">||</span> 3 <span class="p">|-</span> <span class="p">|</span> Lime <span class="p">||</span> 4 <span class="p">||</span> 5 <span class="p">||</span> 6 <span class="p">|-</span> <span class="p">|</span> Gold <span class="p">||</span> 7 <span class="p">||</span> 8 <span class="p">||</span> 9 <span class="p">|-</span> <span class="p">|</span> Blue <span class="p">||</span> 10 <span class="p">||</span> 11 <span class="p">||</span> 12 <span class="p">|-</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s">sortbottom</span> <span class="p">|</span> <span class="gs">'''Total'''</span> <span class="p">||</span> 22 <span class="p">||</span> 26 <span class="p">||</span> 30 <span class="p">|}</span> </pre></div> </div> <div class="mw-heading mw-heading2"><h2 id="Multiple_sticky_header_rows">Multiple sticky header rows</h2></div> <style data-mw-deduplicate="TemplateStyles:r1227084136">.mw-parser-output .tracked{float:right;clear:right;margin:0 0 1em 1em;width:12em;border:1px solid #72777d;border-radius:2px;background-color:var(--background-color-interactive,#EAECF0);color:var(--color-base,#202122);font-size:85%;text-align:center;padding:0.5em}.mw-parser-output .tracked-url{font-weight:bold}.mw-parser-output .tracked-closure{color:black;font-weight:bold;text-transform:uppercase}.mw-parser-output .tracked-resolved{color:green}</style><div role="note" class="tracked plainlinks mw-trackedTemplate">Tracked in <a href="https://phabricator.wikimedia.org/" class="extiw" title="phabricator:">Phabricator</a><br /><span class="tracked-url"><a href="https://phabricator.wikimedia.org/T6740" class="extiw" title="phabricator:T6740"><span class="trakfab-T6740"> Task T6740</span></a></span><br /></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1227084136"><div role="note" class="tracked plainlinks mw-trackedTemplate">Tracked in <a href="https://phabricator.wikimedia.org/" class="extiw" title="phabricator:">Phabricator</a><br /><span class="tracked-url"><a href="https://phabricator.wikimedia.org/T355492" class="extiw" title="phabricator:T355492"><span class="trakfab-T355492"> Task T355492</span></a></span><br /></div> <p>The <code>sticky-header-multi</code> class is used to make multiple header rows top sticky. <b>Sortable table is required</b> since sortable is currently the only way to move consecutive rows of column headers to the <code class="nowrap" style=""><thead></code> element. If some or all columns should not be sortable, then <code>class=unsortable</code> can be put in the header cell with the sorting icon. Table top will still be sticky. See <a href="/wiki/Help:Sortable_tables" title="Help:Sortable tables">Help:Sortable tables</a>. If <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> is disabled, then sortable and this solution won't work. </p><p>Avoid using the <code>sorttop</code> class since sortable moves those rows into the <code class="nowrap" style=""><thead></code> element after sorting, which makes them top sticky too. A solution might be to move them to the bottom and use the <code>sortbottom</code> class instead. </p> <div style="display: inline-grid; vertical-align:top;"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1253789634"> <table class="wikitable sortable sticky-header-multi"> <caption>Caption </caption> <tbody><tr> <th rowspan="2">Color </th> <th colspan="3">Data </th></tr> <tr> <th>A</th> <th>B </th> <th class="unsortable">C </th></tr> <tr> <td>Red</td> <td>1</td> <td>2</td> <td>3 </td></tr> <tr> <td>Lime</td> <td>4</td> <td>5</td> <td>6 </td></tr> <tr> <td>Gold</td> <td>7</td> <td>8</td> <td>9 </td></tr> <tr> <td>Blue</td> <td>10</td> <td>11</td> <td>12 </td></tr> <tr class="sortbottom"> <td><b>Max</b></td> <td>10</td> <td>11</td> <td>12 </td></tr> <tr class="sortbottom"> <td><b>Total</b></td> <td>22</td> <td>26</td> <td>30 </td></tr></tbody></table> </div> <div style="display: inline-grid; vertical-align:top;"> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="hll"><span class="p">{{</span><span class="nt">sticky header</span><span class="p">}}</span> </span><span class="hll"><span class="p">{|</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"wikitable sortable sticky-header-multi"</span> </span><span class="p">|+</span><span class="gh"> Caption</span> <span class="p">|-</span> <span class="p">!</span><span class="w"> </span><span class="na">rowspan</span><span class="o">=</span><span class="s">2</span><span class="w"> </span><span class="p">|</span><span class="gu"> Color</span> <span class="p">!</span><span class="w"> </span><span class="na">colspan</span><span class="o">=</span><span class="s">3</span><span class="w"> </span><span class="p">|</span><span class="gu"> Data</span> <span class="p">|-</span> <span class="p">!</span><span class="gu"> A </span><span class="p">!!</span><span class="gu"> B</span> <span class="p">!</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"unsortable"</span><span class="w"> </span><span class="p">|</span><span class="gu"> C</span> <span class="p">|-</span> <span class="p">|</span> Red <span class="p">||</span> 1 <span class="p">||</span> 2 <span class="p">||</span> 3 <span class="p">|-</span> <span class="p">|</span> Lime <span class="p">||</span> 4 <span class="p">||</span> 5 <span class="p">||</span> 6 <span class="p">|-</span> <span class="p">|</span> Gold <span class="p">||</span> 7 <span class="p">||</span> 8 <span class="p">||</span> 9 <span class="p">|-</span> <span class="p">|</span> Blue <span class="p">||</span> 10 <span class="p">||</span> 11 <span class="p">||</span> 12 <span class="p">|-</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s">sortbottom</span> <span class="p">|</span> <span class="gs">'''Max'''</span> <span class="p">||</span> 10 <span class="p">||</span> 11 <span class="p">||</span> 12 <span class="p">|-</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s">sortbottom</span> <span class="p">|</span> <span class="gs">'''Total'''</span> <span class="p">||</span> 22 <span class="p">||</span> 26 <span class="p">||</span> 30 <span class="p">|}</span> </pre></div> </div> <div class="mw-heading mw-heading3"><h3 id="Header_rows_not_for_whole_table">Header rows not for whole table</h3></div> <p>Consecutive rows of column headers are top sticky, so avoid adding a row of headers right under the column headers that don't apply to the entire table such as a section header meant to visually separate the table. </p><p>A solution might be to move each section to a column or separate tables, which also avoids accessibility issues per <a href="/wiki/MOS:COLHEAD" class="mw-redirect" title="MOS:COLHEAD">MOS:COLHEAD</a>. </p><p>Another solution might be to add a blank row of data cells (<code>| colspan=4 |</code>) between the last column header row and the first section header row so the latter is not included in the consecutive header rows. </p> <div style="display: inline-grid; vertical-align:top;"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1253789634"> <table class="wikitable sortable sticky-header-multi"> <caption>Caption </caption> <tbody><tr> <th rowspan="2">Color </th> <th colspan="3">Data </th></tr> <tr> <th>A</th> <th>B</th> <th>C </th></tr> <tr> <td colspan="4"> </td></tr> <tr> <th colspan="4">Section 1 </th></tr> <tr> <td>Red</td> <td>1</td> <td>2</td> <td>3 </td></tr> <tr> <td>Lime</td> <td>4</td> <td>5</td> <td>6 </td></tr> <tr> <th colspan="4">Section 2 </th></tr> <tr> <td>Gold</td> <td>7</td> <td>8</td> <td>9 </td></tr> <tr> <td>Blue</td> <td>10</td> <td>11</td> <td>12 </td></tr></tbody></table> </div> <div style="display: inline-grid; vertical-align:top;"> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="hll"><span class="p">{{</span><span class="nt">sticky header</span><span class="p">}}</span> </span><span class="hll"><span class="p">{|</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"wikitable sortable sticky-header-multi"</span> </span><span class="p">|+</span><span class="gh"> Caption</span> <span class="p">|-</span> <span class="p">!</span><span class="w"> </span><span class="na">rowspan</span><span class="o">=</span><span class="s">2</span><span class="w"> </span><span class="p">|</span><span class="gu"> Color</span> <span class="p">!</span><span class="w"> </span><span class="na">colspan</span><span class="o">=</span><span class="s">3</span><span class="w"> </span><span class="p">|</span><span class="gu"> Data</span> <span class="p">|-</span> <span class="p">!</span><span class="gu"> A </span><span class="p">!!</span><span class="gu"> B </span><span class="p">!!</span><span class="gu"> C</span> <span class="hll"><span class="p">|-</span> </span><span class="hll"><span class="p">|</span><span class="w"> </span><span class="na">colspan</span><span class="o">=</span><span class="s">4</span><span class="w"> </span><span class="p">|</span> </span><span class="p">|-</span> <span class="p">!</span><span class="w"> </span><span class="na">colspan</span><span class="o">=</span><span class="s">4</span><span class="w"> </span><span class="p">|</span><span class="gu"> Section 1</span> <span class="p">|-</span> <span class="p">|</span> Red <span class="p">||</span> 1 <span class="p">||</span> 2 <span class="p">||</span> 3 <span class="p">|-</span> <span class="p">|</span> Lime <span class="p">||</span> 4 <span class="p">||</span> 5 <span class="p">||</span> 6 <span class="p">|-</span> <span class="p">!</span><span class="w"> </span><span class="na">colspan</span><span class="o">=</span><span class="s">4</span><span class="w"> </span><span class="p">|</span><span class="gu"> Section 2</span> <span class="p">|-</span> <span class="p">|</span> Gold <span class="p">||</span> 7 <span class="p">||</span> 8 <span class="p">||</span> 9 <span class="p">|-</span> <span class="p">|</span> Blue <span class="p">||</span> 10 <span class="p">||</span> 11 <span class="p">||</span> 12 <span class="p">|}</span> </pre></div> </div> <div class="mw-heading mw-heading3"><h3 id="Excessively_tall_header_rows">Excessively tall header rows</h3></div> <p>Avoid excessively tall header rows that might block too much or all data when sticky on a small mobile screen, especially in <a href="/wiki/Page_orientation" title="Page orientation">landscape orientation</a>. Some solutions might be to move some of the header text to the table caption, more concise header text, remove line-breaks (<code class="nowrap" style=""><br></code>) in the headers, or split the table up into smaller tables to reduce headers. </p> <div style="display: inline-grid; overflow-y: scroll; max-height: 300px;"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1253789634"><style data-mw-deduplicate="TemplateStyles:r1245584064">@media screen{html.client-js .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort{padding-right:0.4em}html.client-js .mw-parser-output .sort-under.sortable:not(.wikitable) th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.headerSort{padding-right:1px}html.client-js body.skin-minerva .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js body.skin-minerva .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js body.skin-minerva .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort{padding-right:0.2em}html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort{padding-right:0.5em}html.client-js .mw-parser-output .sort-under-center.sortable th.headerSort{background-position:center bottom 0.2em}html.client-js .mw-parser-output .sort-under.sortable th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable th.headerSort{background-position:right bottom 0.2em}html.client-js .mw-parser-output .sort-under.sortable th.headerSort,html.client-js .mw-parser-output .sort-under.sortable th.unsortable,html.client-js .mw-parser-output .sort-under-right.sortable th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable th.unsortable,html.client-js .mw-parser-output .sort-under-center.sortable th.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable th.unsortable{padding-bottom:1em}html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable th.unsortable{padding-bottom:1.2em}html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable:not(.wikitable) th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.unsortable,html.client-js body.skin-minerva .mw-parser-output .sort-under.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-minerva .mw-parser-output .sort-under.sortable:not(.wikitable) th.unsortable,html.client-js body.skin-minerva .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-minerva .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.unsortable,html.client-js body.skin-minerva .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.headerSort,html.client-js body.skin-minerva .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.unsortable{padding-bottom:0.8em}html.client-js .mw-parser-output .static-row-numbers.sort-under.sortable thead tr:only-child::before,html.client-js .mw-parser-output .static-row-numbers.sort-under-right.sortable thead tr:only-child::before,html.client-js .mw-parser-output .static-row-numbers.sort-under-center.sortable thead tr:only-child::before{padding-bottom:0.9em}html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under.sortable thead tr:only-child::before,html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under-right.sortable thead tr:only-child::before,html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under-center.sortable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under.sortable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under-right.sortable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under-center.sortable thead tr:only-child::before{padding-bottom:0.8em}html.client-js .mw-parser-output .sort-under.sortable.wikitable th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under.sortable.wikitable th.ts-vertical-header.unsortable,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.ts-vertical-header.unsortable,html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.ts-vertical-header.unsortable{padding-top:0.4em}html.client-js .mw-parser-output .sort-under.sortable:not(.wikitable) th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under.sortable:not(.wikitable) th.ts-vertical-header.unsortable,html.client-js .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable:not(.wikitable) th.ts-vertical-header.unsortable,html.client-js .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.ts-vertical-header.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable:not(.wikitable) th.ts-vertical-header.unsortable{padding-top:1px}html.client-js .mw-parser-output .sort-under.sortable .ts-vertical-header>div,html.client-js .mw-parser-output .sort-under-right.sortable .ts-vertical-header>div,html.client-js .mw-parser-output .sort-under-center.sortable .ts-vertical-header>div{padding-top:4px}html.client-js .mw-parser-output .sort-under.sortable:not(.wikitable) .ts-vertical-header>div,html.client-js .mw-parser-output .sort-under-right.sortable:not(.wikitable) .ts-vertical-header>div,html.client-js .mw-parser-output .sort-under-center.sortable:not(.wikitable) .ts-vertical-header>div{padding-bottom:4px}html.client-js body.skin-minerva .mw-parser-output .sort-under.sortable.wikitable .ts-vertical-header>div,html.client-js body.skin-minerva .mw-parser-output .sort-under-right.sortable.wikitable .ts-vertical-header>div,html.client-js body.skin-minerva .mw-parser-output .sort-under-center.sortable.wikitable .ts-vertical-header>div{padding-top:2px}html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable .ts-vertical-header>div,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable .ts-vertical-header>div,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable .ts-vertical-header>div{padding-top:0}@media(pointer:coarse){html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort{background-position:center bottom 0.5em}html.client-js .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort{background-position:right bottom 0.5em}html.client-js .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under.sortable.wikitable th.unsortable,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under-right.sortable.wikitable th.unsortable,html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort,html.client-js .mw-parser-output .sort-under-center.sortable.wikitable th.unsortable{padding-bottom:1.6em}html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under.sortable.wikitable th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-right.sortable.wikitable th.unsortable,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable th.headerSort,html.client-js body.skin-timeless .mw-parser-output .sort-under-center.sortable.wikitable th.unsortable{padding-bottom:1.8em}html.client-js .mw-parser-output .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,html.client-js .mw-parser-output .static-row-numbers.sort-under-right.sortable.wikitable thead tr:only-child::before,html.client-js .mw-parser-output .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before{padding-bottom:1.5em}html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under-right.sortable.wikitable thead tr:only-child::before,html.client-js body.skin-timeless .mw-parser-output .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under-right.sortable.wikitable thead tr:only-child::before,html.client-js body.skin-minerva .mw-parser-output .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before{padding-bottom:1.4em}}}</style> <table class="wikitable sortable sort-under sticky-header-multi" style="margin: 0;"> <tbody><tr> <th colspan="4">Header<br />group<br />1 </th></tr> <tr> <th colspan="2">Header<br />group<br />2 </th> <th colspan="2">Header<br />group<br />3 </th></tr> <tr> <th>Header<br />1</th> <th>Header<br />2</th> <th>Header<br />3</th> <th>Header<br />4 </th></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr> <tr> <td>data</td> <td>data</td> <td>data</td> <td>data </td></tr></tbody></table> </div> <div class="mw-heading mw-heading2"><h2 id="Known_issues">Known issues</h2></div> <p>Tested in browsers on <a href="/wiki/Windows_10" title="Windows 10">Windows 10</a>, <a href="/wiki/Windows_11" title="Windows 11">Windows 11</a>, <a href="/wiki/IOS_17" title="IOS 17">iOS 17</a> (<a href="/wiki/IPhone_SE_(2nd_generation)" title="IPhone SE (2nd generation)">iphone SE 2020</a> and <a href="/wiki/IPhone_14_Pro_Max" class="mw-redirect" title="IPhone 14 Pro Max">iPhone 14 Pro Max</a>), and <a href="/wiki/Android_14" title="Android 14">Android 14</a> (<a href="/wiki/Samsung_Galaxy_S21" title="Samsung Galaxy S21">Samsung Galaxy S21</a>). </p> <ul><li>Does not work on the MonoBook skin when the browser width is 550 pixels or less due to the <code>body.skin--responsive .monobook-body {overflow: auto;}</code> style that can't be overridden.</li> <li>On Android phones, table headers aren't top-sticky if at least one table using this template is wider than the screen, which is more likely in <a href="/wiki/Page_orientation" title="Page orientation">portrait orientation</a>. The table's horizontal scroll doesn't work with this template, so wide tables span outside of the main content area making the entire page wider and requiring you to instead horizontally scroll the entire page. Zooming out to see the entire table makes the headers sticky, but also makes the text smaller and less readable the wider the table is. Currently, the only semi-solution is to view the zoomed out sticky headers in landscape orientation instead of portrait orientation so that the text is more readable.</li> <li><code><div style="overflow:auto"></div></code> - Do not use this around tables. It prevents sticky headers until removed. See <a class="external text" href="https://en.wikipedia.org/w/index.php?title=The_Economist_Democracy_Index&diff=1222822979&oldid=1222822630">diff</a>. See "List by region" table.</li> <li>Jumping to an <span class="nowrap">{{</span><a href="/wiki/Template:Anchor" title="Template:Anchor">Anchor</a><span class="nowrap">}}</span> (or similar mechanism for creating an anchor) in a table causes that location of the table to be at the top of the screen, where the sticky header covers it. True for all skins except Vector 2022 and MinervaNeue skin (mobile). See discussions <a href="/wiki/Template_talk:Sticky_header#Sticky_header_covering_jump_result" title="Template talk:Sticky header">here</a> and <a href="/wiki/Template_talk:Sticky_header/Archive_1#Headings_cover_the_row_when_you_link_an_anchor_in_a_table" title="Template talk:Sticky header/Archive 1">here</a>.</li></ul> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2></div> <ul><li><a href="/wiki/Help:Table/Advanced#Tables_with_sticky_headers" title="Help:Table/Advanced">Help:Table/Advanced § Tables with sticky headers</a></li> <li><span class="nowrap">{{</span><a href="/wiki/Template:Sticky_table_start" title="Template:Sticky table start">sticky table start</a><span class="nowrap">}}</span> - allows sticky rows and columns inside a scrollable area.</li> <li><span class="nowrap">{{</span><a href="/wiki/Template:Shy" class="mw-redirect" title="Template:Shy">shy</a><span class="nowrap">}}</span> – Can be used to help narrow columns by adding a <a href="/wiki/Soft_hyphen" title="Soft hyphen">soft hyphen</a> to a word to allow it to wrap.</li></ul> <p>More <a href="/wiki/Wikipedia:Template_styles" class="mw-redirect" title="Wikipedia:Template styles">template styles</a> for tables: </p> <ul><li><span class="nowrap">{{</span><a href="/wiki/Template:Sort_under" title="Template:Sort under">sort under</a><span class="nowrap">}}</span> - moves the sorting arrows under the headers.</li> <li><span class="nowrap">{{</span><a href="/wiki/Template:Row_hover_highlight" title="Template:Row hover highlight">row hover highlight</a><span class="nowrap">}}</span> - adds row hover highlighting, and option for white background.</li> <li><span class="nowrap">{{</span><a href="/wiki/Template:Static_row_numbers" title="Template:Static row numbers">static row numbers</a><span class="nowrap">}}</span> - adds a column of row numbers to a table.</li> <li><span class="nowrap">{{</span><a href="/wiki/Template:Table_alignment" title="Template:Table alignment">table alignment</a><span class="nowrap">}}</span> - aligns the cells in a column, or a whole table.</li></ul> <div class="documentation-clear"></div> </div> <div role="note" class="documentation-metadata plainlinks">The above <a href="/wiki/Wikipedia:Template_documentation" title="Wikipedia:Template documentation">documentation</a> is <a href="/wiki/Help:Transclusion" title="Help:Transclusion">transcluded</a> from <a href="/wiki/Template:Sticky_header/doc" title="Template:Sticky header/doc">Template:Sticky header/doc</a>. <span class="documentation-toolbar">(<a href="/wiki/Special:EditPage/Template:Sticky_header/doc" title="Special:EditPage/Template:Sticky header/doc">edit</a> | <a href="/wiki/Special:PageHistory/Template:Sticky_header/doc" title="Special:PageHistory/Template:Sticky header/doc">history</a>)</span><br />Editors can experiment in this template's <a href="/wiki/Template:Sticky_header/sandbox" title="Template:Sticky header/sandbox">sandbox</a> <span class="documentation-toolbar">(<a href="/wiki/Special:EditPage/Template:Sticky_header/sandbox" title="Special:EditPage/Template:Sticky header/sandbox">edit</a> | <a class="external text" href="https://en.wikipedia.org/w/index.php?title=Special%3AComparePages&page1=Template%3ASticky+header&page2=Template%3ASticky+header%2Fsandbox">diff</a>)</span> and <a href="/wiki/Template:Sticky_header/testcases" title="Template:Sticky header/testcases">testcases</a> <span class="documentation-toolbar">(<a href="/wiki/Special:EditPage/Template:Sticky_header/testcases" title="Special:EditPage/Template:Sticky header/testcases">edit</a>)</span> pages.<br />Add categories to the <a href="/wiki/Template:Sticky_header/doc" title="Template:Sticky header/doc">/doc</a> subpage. <a href="/wiki/Special:PrefixIndex/Template:Sticky_header/" title="Special:PrefixIndex/Template:Sticky header/">Subpages of this template</a>.</div></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Template:Sticky_header&oldid=1235874409">https://en.wikipedia.org/w/index.php?title=Template:Sticky_header&oldid=1235874409</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Table_templates" title="Category:Table templates">Table templates</a></li><li><a href="/wiki/Category:Templates_using_TemplateStyles_to_style_external_elements" title="Category:Templates using TemplateStyles to style external elements">Templates using TemplateStyles to style external elements</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Wikipedia_extended-confirmed-protected_templates" title="Category:Wikipedia extended-confirmed-protected templates">Wikipedia extended-confirmed-protected templates</a></li><li><a href="/wiki/Category:Templates_using_TemplateStyles" title="Category:Templates using TemplateStyles">Templates using TemplateStyles</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 21 July 2024, at 17:42<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Template:Sticky_header&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-mhg5j","wgBackendResponseTime":144,"wgPageParseReport":{"limitreport":{"cputime":"0.423","walltime":"0.512","ppvisitednodes":{"value":612,"limit":1000000},"postexpandincludesize":{"value":44798,"limit":2097152},"templateargumentsize":{"value":621,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":13,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":43939,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 477.766 1 -total","100.00% 477.766 1 Template:Documentation"," 77.60% 370.740 1 Template:Sticky_header/doc"," 35.05% 167.475 1 Template:Sort_under"," 11.74% 56.095 4 Template:Sticky_header"," 7.50% 35.819 1 Template:High-use"," 7.23% 34.532 1 Template:Template_redirect"," 6.12% 29.231 1 Template:Uses_TemplateStyles"," 2.26% 10.806 2 Template:Tracked"," 1.42% 6.794 2 Template:Tlc"]},"scribunto":{"limitreport-timeusage":{"value":"0.127","limit":"10.000"},"limitreport-memusage":{"value":2283579,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-849f99967d-hrzpx","timestamp":"20241124051829","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>