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_6_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>
   Zonas vulnerables a nitratos en España
  </p>
</div>
<div class="table-responsive">
    <table id="simple_6_table" class="table table-striped table-sm" style="margin: 2em 0 2em 0;">
        <caption>Fuente: MITERD. Elaboración propia.</caption>

        <thead>
            <tr class="table-warning">
                <th scope="col">Comunidades Autónomas</th>
                <th class="colcenter" scope="col">Área total en ZVN en 2021 (ha)</th>
                <th class="colcenter" scope="col">Porcentaje autonómico de ZVN en 2021</th>
                <th class="colcenter" scope="col">Nuevas hectáreas en 2011-2021</th>
                
            </tr>
        </thead>
        <tbody>
        <tr>
                <th scope="row">Castilla-La Mancha</th>
                <td>3.746.888,7</td>
                <td>47,2%</td>
                <td>37.771,8</td>
            </tr>
            
             <tr>
                <th scope="row">Andalucía</th>
                <td>2.261.544,3</td>
                <td>25,8%</td>
                <td>719.030,0</td>
            </tr>
            
           <tr>
                <th scope="row">Castilla y León</th>
                <td>1.440.464,8</td>
                <td>15,3%</td>
                <td>1.210.893,0</td>
            </tr>
             <tr>
                <th scope="row">Aragón</th>
                <td>1.407.407,3</td>
                <td>29,5%</td>
                <td>921.908,0</td>
            </tr>
            
            <tr>
             ...