JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css">
<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/grid/css/GridFilters.css">
<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/grid/css/RangeMenu.css">
<title>Simple Grid Sample for ExtJs</title>

JavaScript

Ext.Loader.setConfig({
    enabled: true
});
Ext.Loader.setPath(
    'Ext.ux',
    'http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/');

Ext.require(['Ext.data.*',
    'Ext.data.proxy.*',
    'Ext.data.reader.*',
    'Ext.grid.*',
    'Ext.tree.*',

    'Ext.util.*',
    'Ext.state.*']);

Ext.define('myModel', {
    extend: 'Ext.data.Model',

    fields: [{
        name: 'id',
        type: 'string'
    }, {
        name: 'name',
        type: 'string'
    }]
})

var dataToLoad = [{
        "id": "1",
        "name": "foo"
    }, {
        "id": "2",
        "name": "bar"
    }, {
        "id": "3",
        "name": "bar"
    }, {
        "id": "4",
        "name": "bar"
    }, {
        "id": "5",
        "name": "bar"
    }, {
        "id": "6",
        "name": "bar"
    }, {
        "id": "7",
        "name": "bar"
    }, {
        "id": "8",
        "name": "bar"
    }, {
        "id": "9",
        "name": "bar"
    }, {
        "id": "10",
        "name": "bar"
    }, {
        "id": "11",
        "name": "bar"
    }, {
        "id": "12",
        "name": "bar"
    }, {
        "id": "13",
        "name": "bar"
    }, {
        "id": "14",
        "name": "bar"
    }, {
        "id": "25",
        "name": "bar"
    }, {
        "id": "26",
        "name": "bar"
    }, {
        "id": "27",
        "name": "bar"
    }, {
        "id": "28",
        "name": "bar"
    }, {
        "id": "29",
        "name": "bar"
    }, {
        "id": "222",
        "name": "bar"
    }, {
        "id": "221",
        "name": "bar"
    }, {
        "id": "222",
        "name": "bar"
    }, {
        "id": "223",
        "name": "bar"
    }, {
        "id": "225",
        "name": "bar"
    }, {
        "id": "227",
        "name": "bar"
    }, {
        "id": "228",
        "name": "bar"
    }, {
        "id": "229",
        "name": "bar"
    }, {
        "id": "230",
        "name": "bar"
    }, {
        "id": "231",
        "name": "bar"
    }, {
        "id": "232",
       ...