User:Timeshifter/Sandbox228
Problem with class=sorttop
[edit]class=sorttop rows can become part of the sticky header. This only happens after sorting.
This table excerpt is adapted from the 2021 table in this version of COVID-19 pandemic deaths#2021 (first half).
The static rows at the top under the main header row are rows of data that shouldn't sort, and shouldn't have row numbers.
- class=static-row-header prevents row numbers on those rows.
- class=sorttop prevents the row from sorting.
See the yellow highlighted lines in the wikitext below.
Date | First case | Jan 1 | Feb 1 | Mar 1 | Apr 1 | May 1 | Jun 1 |
---|---|---|---|---|---|---|---|
World | 1,472,363 | 1,786,759 | 2,021,136 | 2,262,948 | 2,603,854 | 3,663,570 | |
Days to double | 112 | 105 | 113 | 130 | 143 | 154 | |
Countries and territories | 196 | 202 | 202 | 205 | 206 | 209 | |
USA | March 3, 2020 | 335,789 | 436,051 | 508,584 | 545,887 | 569,722 | 588,756 |
Brazil | March 19, 2020 | 193,875 | 223,945 | 254,221 | 317,646 | 401,186 | 461,931 |
India | March 13, 2020 | 148,994 | 154,392 | 157,157 | 162,927 | 211,853 | 331,895 |
{{mw-datatable}}{{static row numbers}}{{sticky header}}{{table alignment}}
{| class="wikitable sortable mw-datatable static-row-numbers sticky-header col1left col2left" style=text-align:right;
|+Cumulative COVID-19 deaths at the start of each month in 2021
!Date!!First case!!Jan 1!!Feb 1!!Mar 1!!Apr 1!!May 1!!Jun 1
|- class="sorttop static-row-header"
|World || ||1,472,363||1,786,759||2,021,136||2,262,948||2,603,854||3,663,570
|- class="sorttop static-row-header"
|Days to double || ||112||105||113||130||143||154
|- class="sorttop static-row-header"
|Countries and territories || ||196||202||202||205||206||209
|-
...
Solution for single row header
[edit]This solution only works for a single row header. The number of lines in that row does not matter. This does not work for multi-row headers.
The solution is to use class=sticky instead of class=sticky-header
- class=sticky goes in a different part of the wikitext.
See the yellow highlighted line in the wikitext below.
Date | First case | Jan 1 | Feb 1 | Mar 1 | Apr 1 | May 1 | Jun 1 |
---|---|---|---|---|---|---|---|
World | 1,472,363 | 1,786,759 | 2,021,136 | 2,262,948 | 2,603,854 | 3,663,570 | |
Days to double | 112 | 105 | 113 | 130 | 143 | 154 | |
Countries and territories | 196 | 202 | 202 | 205 | 206 | 209 | |
USA | March 3, 2020 | 335,789 | 436,051 | 508,584 | 545,887 | 569,722 | 588,756 |
Brazil | March 19, 2020 | 193,875 | 223,945 | 254,221 | 317,646 | 401,186 | 461,931 |
India | March 13, 2020 | 148,994 | 154,392 | 157,157 | 162,927 | 211,853 | 331,895 |
{{mw-datatable}}{{static row numbers}}{{sticky header}}{{table alignment}}
{| class="wikitable sortable mw-datatable static-row-numbers col1left col2left" style=text-align:right;
|+Cumulative COVID-19 deaths at the start of each month in 2021
|- class=sticky
!Date!!First case!!Jan 1!!Feb 1!!Mar 1!!Apr 1!!May 1!!Jun 1
...
|}
Solution for single row header. Narrower table
[edit]See: User:Timeshifter/Sandbox233. A place to test if it works without a wider table on the page.
Date | First case | Jan 1 |
---|---|---|
World | 1,472,363 | |
Days to double | 112 | |
Countries and territories | 196 | |
USA | March 3, 2020 | 335,789 |
Brazil | March 19, 2020 | 193,875 |
India | March 13, 2020 | 148,994 |
{{mw-datatable}}{{static row numbers}}{{sticky header}}{{table alignment}}
{| class="wikitable sortable mw-datatable static-row-numbers col1left col2left" style=text-align:right;
|+Cumulative COVID-19 deaths at the start of each month in 2021
|- class=sticky
!Date!!First case!!Jan 1
...
|}
For portrait view on cell phones:
| | | | | |
| | | | | |
| | | | | |
| | | | |
| | | | | | | |
| | | | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | |
| | | | | | | |
| | | | | | | |