Обтекание строк текста в JqGrid

Question

Можете ли вы вставить строки текста в JqGrid? Я оглянулся, но ничего не могу найти.

Answer 1

Попробуйте следующий CSS:

    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
    }

Это работает для меня, используя jqGrid 3.6.

<ч />

Как указывалось в N30, jqGrid 4.0 теперь поддерживает опцию cellattr colModel, которая позволяет более точно контролировать перенос текста. Из его примера:

cellattr: function (rowId, tv, rawObject, cm, rdata) { 
    return 'style="white-space: normal;"';
}

Answer 2

В jQGrid 4.0 лучший способ сделать это - использовать cellattr в colmodel как это: -

colModel: [
            { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } },

            .... other columns

            ]

Таким образом, вы можете применить стиль переноса к отдельному столбцу и не использовать его!

Answer 3

У меня была эта проблема для заголовков, и я обнаружил, что мне нужно все это, чтобы исправить и в IE. Обратите внимание, что это для заголовков, а не ячеек. Проблема в том, что это, вероятно, влияет больше, чем вы могли бы (как я уверен, я узнаю позже), но вы всегда можете уточнить селекторы css и / или заставить их ссылаться на конкретный #tableIdName или некоторый класс, чтобы вы могли согласитесь, пожалуйста.

.ui-jqgrid .ui-jqgrid-htable th div {
overflow: visible !important;
height: auto !important;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  white-space: normal !important;  
}

.ui-jqgrid .ui-th-div-ie{
  white-space: normal !important;  
}

Answer 4

Вы можете использовать опцию classes colModel, чтобы поместить класс CSS в столбец, а затем добавить в свой файл CSS стиль white-space: normal !important; для этого класса ...

классы

строка

Эта опция позволяет добавлять классы в столбец. Если будет использоваться более одного класса, следует установить пробел. Например, classes:'class1 class2' установит class1 и class2 для каждой ячейки в этом столбце.

В сетке CSS есть предопределенный класс ui-ellipsis, который позволяет прикреплять многоточие к определенной строке. Также это будет работать и в FireFox.