Колонка Wordwrap в JQGrid

Кто-нибудь знает, как обернуть имена столбцов в JQGrid. Вы можете найти мой JSON-кодКолонка Wordwrap в JQGrid

colModel: [ {имя: 'RequestID', индекс: 'CreditRequest.CreditRequestID', ширина: 100, совместите: 'левый'}, .....

С ссылку на вышеуказанный код, если размер содержимого превышает, я хочу, чтобы он был завернут. Любые мысли или комментарии

источник

2009-12-29 SARAVAN

Так что вы хотите, чтобы обернуть имя заголовка столбца? Ожидаете ли вы, что это изменится динамически или у вас просто есть длинные имена? Это может помочь вам разместить дополнительную информацию ... –

-1

Ну, самый простой способ обеспечить разрыв строки, чтобы положить <BR/> тег имя столбца, где вам понадобится разрыв строки. Например ClientPrimaryName можно записать в виде Client<BR/>PrimaryName, так что он на самом деле делает, как:

Клиент
PrimaryName

источник

2010-06-08 17:38:04 SARAVAN

добавить разрыв строки, но по-прежнему не расширяет ячейку по вертикали. – RayLoveless

Вы можете установить свойство css для белого пробела в обычном теге. Использование JQuery, которые должны быть:

$('.ui-jqgrid .ui-jqgrid-htable th div').css('white-space', 'normal');

источник

2010-01-08 10:39:32

Привет, Это не работает для меня. Любые другие предложения? Мне это очень плохо. – SARAVAN

Вы должны взглянуть на конкретных классов, применяемых к вашему jqGrid й заголовки столбцов. В моем случае я имел следующее: ui-th-div-ie ui-jqgrid-sortable

Глядя немного дальше, я обнаружил, что там было два вопроса CSS:

пробельные: нормальный
высота: 16px

Оба эти атрибуты CSS, определенные в файле ui.jqgrid.css. Понимая, что у меня были конкретные требования для этой сетки, что я не хочу иметь влияния на другие реализации я придумал следующее решение:

$(".ui-jqgrid-sortable").css('white-space', 'normal'); 
$(".ui-jqgrid-sortable").css('height', 'auto');

источник

2010-03-04 13:55:11

Просто ссылаться на него в свой собственный файл CSS.

.ui-jqgrid tr.jqgrow td { 
    height: 50px; 
    white-space: normal; 
}

Пока ваш файл CSS отображается в заголовке после файла jqGrid.css, то она перекрывает его.

источник

2010-07-01 20:12:50 Christine

Я могу подтвердить это работает в IE и Firefox – Josh

Для чего это стоит, вот это для строки заголовка:

.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable { 
    height:auto; 
    overflow:hidden; 
    white-space:normal !important; 
}

источник

2011-10-07 05:23:22 gsaslis

Лучшее решение на странице – FastTrack

Вот несколько шагов, чтобы включить перенос слов в ячейках.

Открыть ui.jqgrid.css Искать .ui-jqgrid tr.jqgrow тд Изменить «пробельные: предварительно;» до «белого пространства: нормальный;»

Для обертывание в клетке:

.ui-jqgrid tr.jqgrow td { 
    white-space: normal !important; 
    height:auto; 
    vertical-align:text-top; 
    padding-top:2px; 
}

И для заголовков столбцов

.ui-jqgrid .ui-jqgrid-htable th div { 
     height:auto; 
    overflow:hidden; 
    padding-right:4px; 
    padding-top:2px; 
    position:relative; 
    vertical-align:text-top; 
    white-space:normal !important; 
}

источник

2011-12-23 12:24:15 anitha

Используйте этот CSS

.ui-jqgrid tr.jqgrow td { 
     word-wrap: break-word; /* IE 5.5+ and CSS3 */ 
     white-space: pre-wrap; /* CSS3 */ 
     white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
     white-space: -pre-wrap; /* Opera 4-6 */ 
     white-space: -o-pre-wrap; /* Opera 7 */ 
     overflow: hidden; 
     height: auto; 
     vertical-align: middle; 
     padding-top: 3px; 
     padding-bottom: 3px 
    }

источник

2013-05-03 10:08:23 Yasser

вы не можете просто поставить <BR/>, в то время как это работает на оберточной линию - оно не отрегулировать высоту правильно

источник

2013-07-24 17:23:30 Nutshell

Это работало с jqGrid 4.4.4

.ui-jqgrid .ui-jqgrid-htable th div 
{ 
    white-space:normal; 
    height:auto !important; 
}

источник

2013-10-09 17:18:04 RayLoveless

ответ

Смежные вопросы