JSFiddle - React, Tailwind, and code Playground
by Michel Penke
HTML
<meta charset="UTF-8">
<link rel="stylesheet" href="https://www.boell.de/sites/default/files/_uploads/g_20/data/stylesheet.css">
<div class="table-users">
<div class="header-tab">Global Consensus for Decent Work - ILO Core Conventions
<div class="header-sub">red = no ratification, <br>green = ratification</div></div>
<table cellspacing="0">
<tr class="fixed">
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important; min-width: 47px;" >Country</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important;" title="Right to organize in a trade union">Freedom of <br>Association</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important;" title="Right to negotiate collective agreements">Collective<br>Bargaining</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important;" title="Suppress forced and compulsory labor">Forced<br>Labor</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important;" title="Abolition of forced labor">Abolition of<br>Forced Labor</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center !important;" title="Equal Pay">Equal<br>Remuneration</th>
<th class="fontprob" style="color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; text-align: center...