JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dev.sencha.com/extjs/5.0.0/ext-all-debug.js"></script>
<link rel="stylesheet" href="http://dev.sencha.com/extjs/5.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css">
<script src="http://dev.sencha.com/extjs/5.0.0/examples/ux/grid/SubTable.js"></script>

JavaScript

Ext.onReady(function () {

    Ext.define('Amenazas', {
        extend: 'Ext.data.Model',
        fields: ['id', 'codigo', 'denominacion', 'a_impacto', 'a_riesgo', 'c_impacto', 'c_riesgo', 'i_impacto', 'i_riesgo', 'd_impacto', 'd_riesgo', 't_impacto', 't_riesgo', 'total_impacto', 'total_riesgo', ]
    });

    // SALVAGUARDAS
    Ext.define('Salvaguardas', {
        extend: 'Ext.data.Model',
        fields: ['id_amenaza', 'tipo', 'modo', 'codigo', 'denominacion', 'eficiencia', ]
    });

    var amenazaStore = Ext.create('Ext.data.Store', {
        model: 'Amenazas',
        data: [{
            id: 1,
            codigo: 'E.1',
            denominacion: 'Errores de los usuarios',
            a_riesgo: '0',
            c_riesgo: '0',
            i_riesgo: '0',
            d_riesgo: '1015875',
            t_riesgo: '0',
            total_riesgo: '1015875'
        }, {
            id: 2,
            codigo: 'E.5',
            denominacion: 'Deficiencias en la organización',
            a_riesgo: '0',
            c_riesgo: '0',
            i_riesgo: '0',
            d_riesgo: '526750',
            t_riesgo: '0',
            total_riesgo: '526750'
        }, {
            id: 3,
            codigo: 'E.8',
            denominacion: 'Escapes de información',
            a_riesgo: '0',
            c_riesgo: '0',
            i_riesgo: '0',
            d_riesgo: '752500',
            t_riesgo: '0',
            total_riesgo: '752500'
        }, {
            id: 4,
            codigo: 'E.9',
            denominacion: 'Alteración accidental de la información',
            a_riesgo: '0',
            c_riesgo: '0',
            i_riesgo: '0',
            d_riesgo: '376250',
            t_riesgo: '0',
            total_riesgo: '376250'
        }]
    });

    //SALVAGUARDAS
    var salvaguardaStore = Ext.create('Ext.data.Store', {
        model: 'Salvaguardas',
        data: [{
            id_amenaza: 1,
            tipo: 'Correctiva',
            modo: 'Correctiva',
          ...