Search results
Results From The WOW.Com Content Network
The scrolling and sticky headers work in cell phones, too. Widest scrolling tables are on top of the list below. Narrow your browser window until you see a horizontal scroll bar. Drag it left and right to see the sticky row headers that stay visible. Template:2020 monthly cumulative COVID-19 death totals by country; Template:2021 2nd half.
The scrollbar only appears if the table is actually wider than the page. This template allows up to 30 row headers passed as parameters to its {{ Scrolling table/top }} subtemplate, for convenience. Extra row headers can be added using regular table syntax, between the {{ Scrolling table/top }} and the {{ Scrolling table/mid }} subtemplates
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.
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.
This template allows the ability to create a scrollable portion on a page. The first parameter "1" is the content of the scrollable pane. The second parameter "2" allows setting of the height. The third parameter "3" allows setting of the width. To override the default padding of 3px, use |padding=.
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.
Scrollable-top}} starts a scrollable section, and is used in place of {} if the latter does not function properly with the enclosed section. The section ends with {{ scrollable-bottom }} Usage:
In general, styles for tables and other block-level elements should be set using CSS classes, not with inline style attributes. This is because the site-wide CSS is more carefully tested to ensure compatibility with a wide range of browsers; it also creates a greater degree of professionalism by ensuring a consistent appearance between articles.