JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

Ext.toolbar.Paging.override({
    onLoad: function () {
        var me = this,
            pageData, currPage, pageCount, afterText, count, isEmpty;

        count = me.store.getCount();
        isEmpty = count === 0;
        if (!isEmpty) {
            pageData = me.getPageData();
            currPage = pageData.currentPage;
            pageCount = pageData.pageCount;
            afterText = Ext.String.format(me.afterPageText, (isNaN(pageCount) || (pageCount === 0)) ? 1 : pageCount);
        } else {
            currPage = 0;
            pageCount = 0;
            afterText = Ext.String.format(me.afterPageText, 1);
        }

        Ext.suspendLayouts();
        me.child('#afterTextItem').setText("my precious text");
        // this one is the input field
        me.child('#inputItem').setDisabled(isEmpty).setValue(currPage);
        me.child('#first').setDisabled(currPage === 1 || isEmpty);
        me.child('#prev').setDisabled(currPage === 1 || isEmpty);
        me.child('#next').setDisabled(currPage === pageCount || isEmpty);
        me.child('#last').setDisabled(currPage === pageCount || isEmpty);
        me.child('#refresh').enable();
        me.updateInfo();
        Ext.resumeLayouts(false);

        if (me.rendered) {
            me.fireEvent('change', me, pageData);
        }
    }
});


var itemsPerPage = 2; // set the number of items you want per page

var store = Ext.create('Ext.data.Store', {
    id: 'simpsonsStore',
    autoLoad: false,
    fields: ['name', 'email', 'phone'],
    pageSize: itemsPerPage, // items per page
    proxy: {
        type: 'ajax',
        url: 'http://docs.sencha.com/extjs/4.1.1/pagingstore.js', // url that will load data with respect to start and limit params
        reader: {
            type: 'json',
            root: 'items',
            totalProperty: 'total'
        }
    }
});
Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: store,
    columns: [{
        header: 'Name',
        dataIndex: 'name'
   ...