Search results
Results from the WOW.Com Content Network
See also: Meta: Community Wishlist Survey 2022/Reading/floating table headers and meta:Community Wishlist Survey 2021/Reading/Enable sticky table headers. A scrolling table in the sense of the vertical scrollbar for the whole page. When you scroll the page the table headers stay visible when the table goes beyond the top of the screen.
This script and CSS makes the sidebar stay in the same position on the screen as you scroll. This may have undesirable side effects in Chrome; e.g., when viewing a page like the very common.css page you just edited to put this code in, the viewable content will become much shorter, and require vertical scrolling in a frame.
A CSS width setting for the overall table in desktop view acts like width settings on divs and tables on webpages outside Wikipedia. A horizontal scrollbar is created when the screen is too narrow for the width setting. See width outside Wikipedia: width - CSS: Cascading Style Sheets | MDN; CSS width Property.
overflow-x: auto, to make the content scroll in the horizontal direction if its width surpasses the available space left over by the first table; and; white-space: nowrap, to prevent content in cells from wrapping over, and thus keep them aligned with the rows on the left (which assumes the row headers are also rendered on a single line).
MediaWiki’s wikitable class (class="wikitable") is designed for straightforward table formatting and enforces certain global styles that make removing borders between adjacent cells challenging even if custom CSS styles attempt to eliminate these borders. Specifically, the class includes:
{{sticky header}} - makes column headers stick to the top of the page while scrolling through table data. {{sticky table start}} - makes row and/or column headers stick to the top and/or left of the page while scrolling through table data. {} - moves the sorting arrows under the headers.
The dark mode option in the dropdown only shows up when at the top of the page. After scrolling down, the dropdown within the sticky header doesn't have it :( – SD0001 17:04, 4 October 2022 (UTC) @SD0001: Patch. Will request an edit if it looks good to you. I wish the skin simply used the same element for the sticky header though...
Alternate title headers are headers that cover up the default header at the top of a page. The default title header has the name of the page in big bold letters. If you don't like how the default looks, follow the instructions below First, create a user subpage (described in this section) titled "User:Example User/Header"