Как-то странно ведёт себя перенос строк в 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 - нет. Подскажите, может быть что то ещё нужно сделать или переопределить, чтобы заработало как надо. То есть, необходимо, чтобы расстояние между строками при перенесении, было нормальным.