Как сделать так, чтобы текст в ячейке переносился?

[webpuper]

Здравствуйте!

Если в ячейке Grid поместить длинный текст, то автоматического раздвижения ячейки не происходит, и хвост строки не виден пользователю.
Что нужно сделать, чтобы происходил полный показ текст с автоматической регулировкой высоты ячейки?

[VKS]

Добавь рендерер к ячейке с функцией

function myWrap(val){
    return '<div style="white-space:normal !important;">'+ val +'</div>';
}

[webpuper]

Спасибо!

[Костэн]

function myWrap(val){
    return '<div style="white-space:normal !important;">'+ val +'</div>';
}

Спасибо Вам за подсказку. Только у меня получилось не сразу, а после добавления в стиль блока параметра позиционирования -

position: relative.

[Костэн]

Как-то странно ведёт себя перенос строк в ExtJS. После его применения, строки чуть ли не накладываются друг на друга. Причём одно и тоже CSS - правило ведёт себя немного по разному в каждом столбце грида. В него я вывожу информацию следующего содержания:

первый столбец - <div class='enabled'>содержимое массива1</div>второй столбец - <div class='enabled'>содержимое массива2</div>третий столбец - <div class='enabled'>содержимое массива3</div>

. Вроде бы всё должно отображаться одинаково, но при применении CSS - правила

.selected {
	position: relative;
	border: 1px solid red;
	height: 100px;
	padding-top: 3%;
	font-size: 23pt;
	color: #4f6228;
	text-decoration: underline;
	font-weight: bold;
	white-space: normal !important;
}

расстояние между верхом и низом в добавленных DIV-ах получается разным. На чистом HTML и CSS всё отображается как надо, а вот в гриде ExtJS - нет. Подскажите, может быть что то ещё нужно сделать или переопределить, чтобы заработало как надо. То есть, необходимо, чтобы расстояние между строками при перенесении, было нормальным.