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 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.
3) It looks like "floatable-header" takes a similar approach to what I did in making column headers sticky, but they didn't do anything with the row headers which scroll out of view causing a potential disconnect with the data. Also, their column headers aren't sticky on mobile, just desktop.
Extra row headers can be added using regular table syntax, between the {{Scrolling table/top}} and the {{Scrolling table/mid}} subtemplates; Important: The {{Scrolling table/top}} subtemplate uses zero-width spaces to ensure newlines are added where appropriate. Be careful when editing them.
So, to keep a table within a line, the workaround is to put the whole line into a table, then embed a table within a table, using the outer table to force the whole line to stay together. Consider the following examples: Wikicode (showing table forces line-break)
In the following example, five different tables are shown nested inside the cells of a sixth, main table. None has any header cells. Automatically, the two tables |A| and |B|B| are vertically aligned instead of the usual side-by-side of text characters in a cell. float is used to fix each of tables |C| and |D| to their own position within one ...
Elements are made collapsible by adding the mw-collapsible class, or alternatively by using the {} template, or its variants {{Collapse top}} and {{Collapse bottom}}. Use of these features in article content is governed by the guidelines Wikipedia:Manual of Style § Scrolling lists and collapsible content generally, and more specifically by ...
If the header cells have other attributes, for example, colspan or rowspan, there must be no vertical bar | between the attributes and the template call. If your browser does not support CSS property writing-mode: vertical-rl that makes this template possible, it gracefully degrades to the default display of the table columns.