JSFiddle - React, Tailwind, and code Playground

JavaScript

Ext.onReady(function(){
	
	var i = 0,
    items = [],
    childItems = [];

	for (i = 0; i < 9; ++i) {
	    childItems.push({
            xtype: 'container',
            width: 50,
            height: 50,
            html: i + '',
            style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px'}
        });
	}
	for (i = 0; i < 9; ++i) {
        items.push({
	        xtype: 'container',
            layout: {
                type: 'table',
                columns: 3
            },
	    	style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px'},
	    	items: childItems
	    });
	}
	Ext.create('Ext.container.Container', {
	    layout: {
            type: 'table',
            // The total column count must be specified here
            columns: 3
        },
	    renderTo: Ext.getBody(),    
	    style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px', margin: '30px'},
	    items: items
	});

});