JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', 'http://docs.sencha.com/ext-js/4-1/extjs-build/examples/ux');
Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.ux.grid.FiltersFeature'
]);
Ext.override(Ext.data.proxy.Ajax,{ 
    getMethod: function(request) { 
        return 'POST'; 
    } 
});

var appDateFormat = 'Y-m-d H:i:s';

Ext.define('MyApp.model.Provider', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'provider_id', type: 'int'},
        'name',
        { name: 'create_time', type: 'date', dateFormat: appDateFormat },
        { name: 'status', type: 'int'}
    ],
    idProperty: 'provider_id',
    displayProperty: 'name' // A custom property used for dynamically use the property to display
})

Ext.define('MyApp.model.UserFull', {
    extend: 'Ext.data.Model',
    fields: [
        'name',
        'email',
        { name: 'provider_id', type: 'int'}
    ],
    displayProperty: 'name',
    belongsTo: [
        {model: 'MyApp.model.Provider', primaryKey: 'provider_id', foreignKey: 'provider_id'}
    ],
});
var provider_data = '{"error":"","errno":0,"success":true,"msg":"Operation performed successfully","total":"2","message":"Operation performed successfully","data":[{"provider_id":"3","name":"Bad Name","create_time":"2011-11-27 00:00:00","status":"998"},{"provider_id":"4","name":"Shagufta Britain","create_time":"2013-02-23 00:00:00","status":"3"}]}';

var userfull_data ='{ "error": "", "errno": 0, "success": true, "msg": "Operation performed successfully", "total": "6", "message": "Operation performed successfully", "data": [{   "name": "Someone Else",    "email": "example@example.com",    "provider_id": "3"  }, {    "name": "Unknown Person",    "email": "example2@example.com",    "provider_id": "3"  }, {    "name": "Unknown Person",    "email": "example4@example.com",    "provider_id": "4"  }, {    "name": "User One",    "email": "email@example.com",    "provider_id": "4"  }]}';

function proxy_config(data){
   ...