JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://docs.sencha.com/ext-js/4-0/extjs/resources/css/ext-all.css">

JavaScript

Ext.onReady(function() {
    
    var grid = Ext.create('Ext.grid.Panel',{
        
        store: Ext.create('Ext.data.Store', {
            fields: ['id', 'name', 'country'],
            data:[{
                id: 1,
                name: 'Ahmed',
                country: 'Israel'
            },{
                id: 2,
                name: 'Christina',
                country: 'America'
            },{
                id: 3,
                name: 'Bob',
                country: 'England'
            }]
        }),
                    
        selModel: Ext.create('Ext.selection.CheckboxModel', {
            mode: 'SIMPLE'
        }),
        
        columns: [{
            header: 'ID',
            dataIndex: 'id'
        },{
            header: 'Name',
            dataIndex: 'name',
            flex: 1
        },{
            header: 'Country',
            dataIndex: 'country'
        }]
        
    });
    
    Ext.create('Ext.window.Window', {
        items: grid,
        layout: 'fit',
        border: false,
        title: 'User List',
        width: 500,
        height: 300
    }).show();
});