(Это не вопрос сам по себе, я документирую решение, которое я нашел, используя Ext JS 3.1.0. Но не стесняйтесь отвечать, если вы знаете о лучшем решении!)
Конфигурация столбца для объекта Ext JS Grid не имеет собственного способа разрешить текстовый текст, но существует свойство css
для переопределения встроенного CSS элементов TD
, созданных сеткой.
К сожалению, элементы TD
содержат элемент DIV
, который обертывает содержимое, и что DIV
установлен в white-space:nowrap
по таблице стилей Ext JS, поэтому переопределение CSS TD
не подходит.
Я добавил следующее в мой основной файл CSS - простое исправление, которое, как представляется, не нарушает никаких функций сетки, но позволяет использовать любой параметр white-space
, который я применяю к TD, чтобы перейти к DIV
.
.x-grid3-cell {
/* TD is defaulted to word-wrap. Turn it off so
it can be turned on for specific columns. */
white-space:nowrap;
}
.x-grid3-cell-inner {
/* Inherit DIV white-space from TD parent, since
DIV inline style is not accessible in the column
definition. */
white-space:inherit;
}
YMMV, но он работает для меня, хотел получить его там как решение, так как я не смог найти рабочее решение, выполнив поиск в Interwebs.