JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
<thead>
<tr><th>1990</th><th>2005</th><th>2017</th><th>2017 (% of world)</th><th>2017 vs 1990 change (%)</th><th>Per land area (t co2/km2/hr)</th><th>per capita (t co2/cap/yr)</th><th>Something else</th></tr>
</thead>
<tbody>
<tr><td>Afghanistan</td><td>2.546</td><td>1.063</td><td>11.422</td><td>0.03%</td><td>348.6%</td><td>18</td><td>0.3</td></tr>
<tr><td>Albania</td><td>6.583</td><td>4.196</td><td>5.026</td><td>0.01%</td><td>-23.7%</td><td>175</td><td>1.7</td></tr>
<tr><td>Algeria</td><td>65.677</td><td>98.197</td><td>159.929</td><td>0.43%</td><td>143.5%</td><td>67</td><td>3.9</td></tr>
<tr><td>Angola</td><td>5.851</td><td>15.975</td><td>30.876</td><td>0.08%</td><td>427.7%</td><td>25</td><td>1.0</td></tr>
<tr><td>Anguilla</td><td>0.006</td><td>0.014</td><td>0.028</td><td>0.00%</td><td>366.7%</td><td>308</td><td>1.9</td></tr>
<tr><td>Antigua and...

CSS

table { overflow: auto } 
thead { position: sticky; top: 0 }
td, th { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }