Переход на новую строку столбца в JQGrid
Кто-либо знает о том, как обернуть имена столбцов в JQGrid. См. ниже мой код JSON
colModel: [{Имя: 'RequestID', индекс: 'CreditRequest. CreditRequestID', width:100, выравниваются: 'оставленный'}.....
Со ссылкой на вышеупомянутый код, если размер содержания превышает, я хочу, чтобы это было обернуто. Любые мысли или комментарии
4 ответа
Ну, самый простой способ обеспечить разрыв строки - это поместить тег в имя столбца везде, где вам нужен разрыв строки. Например,
ClientPrimaryName можно записать как Client , чтобы оно фактически отображалось как:
PrimaryName
Client
PrimaryName
Вы можете установить свойство белизны css этого тега в норме. Используя JQuery, которое должно быть:
$('.ui-jqgrid .ui-jqgrid-htable th div').css('white-space', 'normal');
Вам нужно взглянуть на конкретные классы, применяемые к вашим заголовкам столбцов jqGrid. В моем случае у меня было следующее: ui-th-div-ie ui-jqgrid-sortable
Заглянув немного дальше, я обнаружил две проблемы CSS:
- white-space: normal
- height: 16px
Оба этих атрибута CSS определены в ui.jqgrid.css. Понимая, что у меня есть особые требования к этой сетке, которые я не хотел бы влиять на другие реализации, я придумал следующее решение:
$(".ui-jqgrid-sortable").css('white-space', 'normal');
$(".ui-jqgrid-sortable").css('height', 'auto');
Просто укажите его в своем собственном файле css.
.ui-jqgrid tr.jqgrow td {
height: 50px;
white-space: normal;
}
Пока ваш файл css указан в заголовке после файла jqGrid.css, он переопределит его.