JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<table border='1'>
  <tr>
    <td></td>
    <td colspan='2' align='center' class='ancho'>Clasificacion</td>
    <td colspan='2' align='center' class='ancho'>Repositorios</td>
    <td align='center' class='mitad'>Tabla</td>
    <td colspan='2' align='center' class='ancho'>Otros</td>
  </tr>
  <tr>
    <td></td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Registros Clasificados' class='mitad' >C</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Registros NO Clasificados' class='mitad'>NC</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Registros Repositorio History' class='mitad'>RH</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Registros Repositorio Total' class='mitad'>RT</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Registros Subidos A LCompra' class='mitad'>LC</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Empresa Sin El Concepto NO CLASIFICADO' class='mitad'>SC</td>
    <td align='center' data-placement='bottom' data-toggle='tooltip' title='Empresa Con Registros Sin Detalle' class='mitad'>SD</td>
  </tr>
   <tr>
    <td>Compras</td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
  </tr>
  <tr>
    <td>Ventas</td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
    <td align='center'></td>
  </tr>
</table>

CSS

.ancho{
  width:200px;
}
.mitad{
  width:100px;
}