вот второй вариант, правда немного не стандартный:
<html>
<head>
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<style type="text/css">
#grid1 .x-grid-cell-inner
{
white-space: normal;
}
</style>
<script type="text/javascript">
Ext.onReady(function(){
//-------------------
Ext.create('Ext.Window',
{
title: 'title',
height: 300,
width: 300,
closeAction: 'hide',
items: [
{
xtype: 'grid',
id: 'grid1',
width: '100%',
height: 200,
store: Ext.create('Ext.data.Store',
{
fields: ['id', 'name'],
data: [
{name: 'Многоязычный проект по созданию полноценной и точной энциклопедии со свободно распространяемым содержимым. Любой пользователь может'},
{name: 'текст'}
]
}),
columns: [
{
header: 'name',
dataIndex: 'name',
flex: 1
}]
}]
}).show();
//-------------------
});
</script>
</head>
<body>
</body>
</html>