Code:
Ext.onReady( function() {
var mystore = Ext.create('Ext.data.ArrayStore', {
data: [[
'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar'
]],
fields: [
'column1', 'column2', 'column3', 'column4', 'column5', 'column6', 'column7', 'column8', 'column9', 'column10',
'column11', 'column12', 'column13', 'column14', 'column15', 'column16', 'column17', 'column18', 'column19', 'column20',
'column21', 'column22', 'column23', 'column24', 'column25', 'column26', 'column27', 'column28', 'column29', 'column30'
]
});
Ext.create('Ext.grid.Panel',{
store: mystore,
columns: [
{ dataIndex: 'column1', header: 'column1' },
{ dataIndex: 'column2', header: 'column2' },
{ dataIndex: 'column3', header: 'column3' },
{ dataIndex: 'column4', header: 'column4' },
{ dataIndex: 'column5', header: 'column5' },
{ dataIndex: 'column6', header: 'column6' },
{ dataIndex: 'column7', header: 'column7' },
{ dataIndex: 'column8', header: 'column8' },
{ dataIndex: 'column9', header: 'column9' },
{ dataIndex: 'column10', header: 'column10' },
{ dataIndex: 'column11', header: 'column11' },
{ dataIndex: 'column12', header: 'column12' },
{ dataIndex: 'column13', header: 'column13' },
{ dataIndex: 'column14', header: 'column14' },
{ dataIndex: 'column15', header: 'column15' },
{ dataIndex: 'column16', header: 'column16' },
{ dataIndex: 'column17', header: 'column17' },
{ dataIndex: 'column18', header: 'column18' },
{ dataIndex: 'column19', header: 'column19' },
{ dataIndex: 'column20', header: 'column20' },
{ dataIndex: 'column21', header: 'column21' },
{ dataIndex: 'column22', header: 'column22' },
{ dataIndex: 'column23', header: 'column23' },
{ dataIndex: 'column24', header: 'column24' },
{ dataIndex: 'column25', header: 'column25' },
{ dataIndex: 'column26', header: 'column26' },
{ dataIndex: 'column27', header: 'column27' },
{ dataIndex: 'column28', header: 'column28' },
{ dataIndex: 'column29', header: 'column29' },
{ dataIndex: 'column30', header: 'column30' }
],
renderTo: Ext.getBody()
});
});