JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://extjs.cachefly.net/ext-3.1.1/resources/css/ext-all.css">
<script src="http://extjs.cachefly.net/ext-3.1.1/adapter/ext/ext-base.js"></script>
<script src="http://extjs.cachefly.net/ext-3.1.1/ext-all.js"></script>
JavaScript
var grid = new Ext.grid.GridPanel({
title: 'Grid',
store: new Ext.data.ArrayStore({
autoDestroy: true,
fields: [ 'col1','col2' ],
data: [ [1,2], [2,3], [3,4], [4,5], [5,6], [6,7], [7,8], [8,9], [9,10], [10,11], [11,12], [12,13] ]
}),
colModel: new Ext.grid.ColumnModel({
columns: [
{header: 'Col1', dataIndex: 'col1'},
{header: 'Col2', dataIndex: 'col2'}
]
}),
height: 450,
viewConfig: { forceFit: true},
disabled: true
});
var wrap = new Ext.Panel({
title: 'Wrap',
height: 300,
renderTo: Ext.getBody(),
items: [grid],
autoScroll: true
});