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',
		        height: 50,
		    	style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px',width: '40px'}
		    });
	}
	for (i = 0; i < 9; ++i) {
    items.push({
	        xtype: 'container',
	        height: 150,
	    	style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px',width: '143px'},
	    	items: childItems
	    });
	}
	Ext.create('Ext.container.Container', {
	    layout: {
	        type: 'column'
	    },
	    width: 450,
	    renderTo: Ext.getBody(),
	    border: 1,
	     height: 450,
	    style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px',marginLeft: 'auto',marginRight: 'auto', marginTop: '30px'},
	   
	    items: items
	});
});