User:Timeshifter/Sandbox53

The two tables are combined by wrapping them within a 3rd table that does not have a border. Look at the wikitext to understand. See examples below. It is not necessary to put text in the header cell above the number column. You can leave it blank, but sortable. Add <br> so it is not too narrow.

Align the multiple headers across the table below by adding <br> (multiple times if necessary) to the header cells of the rank column. See the wikitext for the table below. See also: List of U.S. states by incarceration rate and List of countries by intentional homicide rate#By country. Those tables have several header rows.

With wider tables the rows only line up between the table and the rank column if all the rows below the headers only use one line each. So it is a good idea to avoid tables that are too wide. For that reason avoid note columns, too. Narrow your browser window to see the problem with wider tables such as the one below. Another problem is that the rank column can drop down out of sight when the tables are viewed on a narrow screen, or when the browser width is narrowed.

Adding style="vertical-align:top;" will keep the tops aligned between the 2 tables at all browser widths. The rank column will not drop down.

For the above table here is the wikitext at the top of the wrapping table, followed by the header wikitext for the rank column:

{|
|- style="vertical-align:top;"
|
{| class="wikitable sortable" 
|-
! <br>
|-
! <br>
|-
! <br>
|-