Search results
Results from the WOW.Com Content Network
There are several advanced scrolling tables (with row and column headers that stay visible and sticky while scrolling) in COVID-19 pandemic by country and territory and in COVID-19 pandemic deaths. The scrolling and sticky headers work in cell phones, too.
Help:Table/Advanced § Tables with sticky headers {{sticky table start}} - allows sticky rows and columns inside a scrollable area. {} – Can be used to help narrow columns by adding a soft hyphen to a word to allow it to wrap. More template styles for tables: {} - moves the sorting arrows under the headers.
You can add a table using HTML rather than wiki markup, as described at HTML element#Tables. However, HTML tables are discouraged because wikitables are easier to customize and maintain, as described at manual of style on tables. Also, note that the <thead>, <tbody>, <tfoot>, <colgroup>, and <col> elements are not supported in wikitext.
sticky-table-colN: Make column N left sticky where N is a number from 1 to 2. Limit 1 to avoid stacking issues where a wider column 1 is still visible. Unpredictable results if the column spans or is spanned with the colspan attribute. Avoid making an excessively wide column sticky that might block too much data on narrow screens (ex. mobile ...
For years in HTML, a table has always forced an implicit line-wrap (or line-break). 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)
The caption for the first table has <br /> tags as a small hack to nudge all three tables to have equally high (in line numbers) captions, for the appearance of tidiness. The three tables I have placed in columns (assuming a wide enough display) using {{Columns-start}}, which should responsively collapse for narrower displays (like phones).
Nothing sticky if JavaScript disabled, which is used by sortable, currently the only way to move headers to the <thead> element. Sticky sorttop rows, which sortable moves to the <thead> element after sorting. Wikitable:
In the tables below, all columns sort correctly. The wikitext for the first entry in each table in the first row is shown in the table header. Note: None of the table columns use the data-sort-type= modifier. Using data-sort-type= can sometimes break sorting when used with the template.