JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
<style>
  #simple_7_table td {
    text-align: right;
  }
  .colcenter{
     text-align: right;
     
  }
  .negrita{
    font-weight: 800;
  
  }
  .titulo p{
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    margin-top:20px;
  }
</style>
<div class="titulo" style="position: relative; height:auto; width:100%">
  <p>
   La contaminación del agua por nitratos en España, mayor en las regiones de mayor cabaña ganadera
  </p>
</div>
<div class="table-responsive">
    <table id="simple_7_table" class="table table-striped table-sm" style="margin: 2em 0 2em 0;">
        <caption>Fuente: Red de Control de la Contaminación por Nitratos del MITERD, INE, SITRAN y Encuestas ganaderas del MAPA.</caption>

        <thead>
            <tr class="table-warning">
                <th scope="col">Comunidades Autónomas</th>
                <th class="colcenter" scope="col">Contenido medio en nitratos en 2019 (mg/L)</th>
                <th class="colcenter" scope="col">Variación porcentual del contenido en nitratos (2016-2019)</th>
                <th class="colcenter" scope="col">Número de puntos de la Red de Control de la Contaminación por Nitratos</th>
                <th class="colcenter" scope="col">Densidad poblacional (habitantes/km2)</th>
                <th class="colcenter" scope="col">Número de habitantes</th>
                <th class="colcenter" scope="col">Número de explotaciones ganaderas</th>
                <th class="colcenter" scope="col">Censo ganadero</th>
            </tr>
        </thead>
        <tbody>
        <tr>
                <th scope="row">Región de Murcia</th>
                <td>57,6</td>
                <td>73,7%</td>
                <td>75</td>
                <td>133,7</td>
                <td>1.513.161</td>
                <td>8.961</td>
                <td>10.914.600</td>
          ...