Javascript-форум - EXT JS 4.0.x: не работает пример с таблицами

Есть свежескаченный EXT JS 4.0.1

Из документации, представленной на сайте Sencha скопирован пример работы с таблицами.
По FireBug-у все файлы загружаются нормально, но окно браузера пустое и в ошибках:

msg: "The headers config is not supported. Please specify columns instead."
sourceClass: "Ext.panel.Table"
sourceMethod: "initComponent"

Исходный код страницы:

<html>
<head>
	<title>GRID Demo</title>
	<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
	<script type="text/javascript" src="ext/ext-all-debug.js"></script>
	<script type="text/javascript">
		Ext.onReady(function() {

			Ext.regModel('Teams', {
				fields: ['name', 'sport']
			});

			var teamStore = new Ext.data.Store({
				model: 'Teams',
				sorters: ['sport','name'],
				groupField: 'sport',
				data: [
					{ name: 'Aaron', sport: 'Table Tennis' },
					{ name: 'Aaron', sport: 'Football' },
					{ name: 'Abe', sport: 'Basketball' },
					{ name: 'Tommy', sport: 'Football' },
					{ name: 'Tommy', sport: 'Basketball' },
					{ name: 'Jamie', sport: 'Table Tennis' },
					{ name: 'Brian', sport: 'Basketball' },
					{ name: 'Brian', sport: 'Table Tennis' }
				]
			});

			var grid = new Ext.grid.Panel({
				renderTo: Ext.getBody(),
				store: teamStore,
				width: 400,
				height: 300,
				title: 'Sports Teams',
				features: [{
					ftype: 'grouping'
				}],
				headers: [{
					text: 'Name',
					flex: 1,
					dataIndex: 'name'
				},{
					text: 'Sport',
					dataIndex: 'sport'
				}]
			});

		});
	</script>
</head>
<body></body>
</html>

Вопрос. Это у всех так и как сие побороть ?