JSFiddle - React, Tailwind, and code Playground

by Chetan Hanumantha

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">

CSS

.oculto {
               display: none;
           }

JavaScript

var store = Ext.create('Ext.data.Store', {
    fields: [{
        name: 'idOrden',
        type: 'int'
    }, {
        name: 'fecha',
        type: 'date'
    }, {
        name: 'claveConfirmacion',
        type: 'string'
    }, {
        name: 'nombre',
        type: 'string'
    }, {
        name: 'precio',
        type: 'float'
    }, {
        name: 'cantidad',
        type: 'int'
    }, {
        name: 'subtotal',
        type: 'float'
    }],
    data: {
        "orden": [{
            "idOrden": "11005",
                "fecha": "1998-04-07 00:00:00.0",
                "claveConfirmacion": "21240",
                "nombre": "Té Dharamsala",
                "precio": "18.00",
                "cantidad": "2",
                "subtotal": "36.00"
        }, {
            "idOrden": "11005",
                "fecha": "1998-04-07 00:00:00.0",
                "claveConfirmacion": "21240",
                "nombre": "Raclet de queso Courdavault",
                "precio": "55.00",
                "cantidad": "10",
                "subtotal": "550.00"
        }, {
            "idOrden": "10910",
                "fecha": "1998-02-26 00:00:00.0",
                "claveConfirmacion": "21240",
                "nombre": "Pastas de té de chocolate",
                "precio": "9.20",
                "cantidad": "12",
                "subtotal": "110.40"
        }, {
            "idOrden": "10910",
                "fecha": "1998-02-26 00:00:00.0",
                "claveConfirmacion": "21240",
                "nombre": "Regaliz",
                "precio": "20.00",
                "cantidad": "10",
                "subtotal": "200.00"
        }, {
            "idOrden": "10910",
                "fecha": "1998-02-26 00:00:00.0",
                "claveConfirmacion": "21240",
                "nombre": "Sirope de arce",
                "precio": "28.50",
                "cantidad": "5",
                "subtotal": "142.50"
        }, {
            "idOrden": "10879",
            ...