JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//extjs.cachefly.net/ext-4.1.1-gpl/resources/css/ext-all-gray.css" />

JavaScript

Ext.define('Store1', {
    extend:'Ext.data.Store',
    fields:['a','b'],
    data: [
        {a:1,b:2},
           {a:2,b:3}
    ]
});


Ext.define('Grid1', {
    extend: 'Ext.grid.Panel',

    title: 'My Grid',
    height:300,
    renderTo:Ext.getBody(),

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            store: Ext.create('Store1'),
            columns: [
                {
                    dataIndex: 'a',
                    text: 'A',
                    editor:'textfield'
                },
                {
                    xtype: 'numbercolumn',
                    dataIndex: 'b',
                    text: 'B',
                    editor:'textfield'
                }
            ],
            plugins: [
                Ext.create('Ext.grid.plugin.RowEditing', {

                })
            ],
            features: [
                {
                    ftype: 'groupingsummary'
                }
            ]
        });

        me.callParent(arguments);
    }
});

var g = new Grid1();