Как переполнение ячеек jqgrid ведет себя как HTML-таблица

Question

У меня есть jqgrid, и в некоторых ячейках содержится много контента. Похоже, что по умолчанию в jqgrid скрытый переполнение скрыто и текст не переносится на новые строки (если необходимо). Есть ли способ позволить ячейкам jqgrid расширяться по мере необходимости?

Answer 1

Вы можете использовать свойство 'classes' colModel, например ::

colModel: [
        { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, classes: 'wrappedJqGridCell'},

        .... other columns

        ]

А затем добавьте что-нибудь подходящее в ваш файл CSS:

.wrappedJqGridCell
{
    white-space: normal !important;
    line-height: 200%;
}

Таким образом, вы можете централизованно управлять стилем, но все же применять его для каждой ячейки. И вам не нужно использовать JQGrid 4 или выше, как с решением 'cellattr'.

Имейте в виду, что если вы предпочитаете использовать многоточие ('...') вместо переноса, в JQGrid CSS встроен класс, который называется 'ui-ellipsis'. Это также будет работать в FireFox (который обычно требует немного больше работы для создания многоточия).

Answer 2

У меня была такая же проблема, на нее не ответили, и она появилась первой в Google, поэтому вот она:

/* your grid discriminator*/ tr td
{
    white-space: normal;
    height: auto;
}

Я также нашел рекомендации overflow: normal; это даже не законный CSS; его нет в списке W3C, и FireBug съел его.

Answer 3

с jQGrid v4.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 4

хм .. уже пробовали очевидное решение? Адаптируйте CSS, поставляемый с jqgrid, чтобы разрешить клеткам делать это?