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_2_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>
   Ganadería porcina en España, situación actual y su evolución en los últimos seis años
  </p>
</div>
<div class="table-responsive">
    <table id="simple_2_table" class="table table-striped table-sm" style="margin: 2em 0 2em 0;">
        <caption> Fuente: Encuestas Ganaderas (MAPA). Elaboración propia.
</caption>

        <thead>
            <tr class="table-warning">
                <th scope="col">Comunidades Autónomas</th>
                <th class="colcenter" scope="col">Nº de millones de cabezas de porcino (Nov.2020)</th>
                <th class="colcenter" scope="col">Porcentaje  de incremento en el nº de cabezas de porcino desde 2015</th>
                <th class="colcenter" scope="col">Número de nuevas cabezas de porcino desde 2015</th>
            </tr>
        </thead>
        <tbody>
        <tr>
                <th scope="row">Aragón</th>
                <td> 8,78</td>
                <td>35,75%</td>
                <td> 2.311.871</td>
            </tr>
            
             <tr>
                <th scope="row">Catalunya</th>
                <td>8,07</td>
                <td>9,97%</td>
                <td>731.584</td>
            </tr>
            
            <tr>
                <th scope="row">Castilla y León</th>
                <td>4,40</td>
                <td>19,33%</td>
                <td>712.938</td>
            </tr>
            
            <tr>
                <th scope="row">Andalucía</th>
                <td>2,76</td>
                <td>27,20%</td>
         ...