Перенос слов в ячейки сетки в Ext JS
(Это не вопрос сам по себе, яm документирование решения, которое я нашел с помощью Ext JS 3.1.0. Но не стесняйтесь отвечать, если вы знаете лучшее решение!)
Конфигурация столбца для объекта Ext JS Grid не имеет встроенного способа разрешить перенос текста в слова, но естьcss
свойство переопределять встроенный CSSTD
элементы, созданные сеткой.
К сожалению,TD
элементы содержатDIV
элемент, обертывающий содержимое, и чтоDIV
установлен вwhite-space:nowrap
Ext JS 'с таблицей стилей, поэтому переопределяяTD
CSS не приносит пользы.
Я добавил следующее в свой основной файл 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's white-space from TD parent, since
DIV's inline style is not accessible in the column
definition. */
white-space:inherit;
}
YMMV, но это работает для меня, хотел получить это как решение, так как я не могнайти рабочее решение с помощью поиска в Интернете.