Emballage des lignes de Texte dans JqGrid

Question

Pouvez-vous obtenir des lignes de texte pour l'envelopper en JqGrid? J'ai eu un coup d'oeil ronde, mais je ne peux pas trouver quoi que ce soit.

Answer 1

Essayez le code CSS suivant:

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

Cela fonctionne pour moi, à l'aide de jqGrid 3.6.

---

Comme N30 souligné, jqGrid 4.0 prend en charge un cellattr colmodel option qui peut permettre à un grain plus fin de contrôle sur l'habillage du texte. De son exemple:

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

Answer 2

Avec jQGrid 4.0, une meilleure façon de le faire est d'utiliser cellattr dans colmodel comme ceci:-

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

            .... other columns

            ]

De cette façon, vous pouvez appliquer le style d'habillage de colonne individuelle et ne pas avoir à utiliser !important

Answer 3

J'ai eu ce problème pour les en-têtes et trouvé, j'ai besoin de tout pour l'obtenir pour aussi corrigé dans internet explorer. Remarque c'est pour les en-têtes, pas de cellules. Le problème avec ceci est qu'il a probablement des effets plus que vous ne le voulez(je suis sûr que je vais découvrir plus tard), mais vous pouvez toujours affiner les sélecteurs css et/ou de les rendre référence l' #tableIdName ou un peu de classe de sorte que vous pouvez choisir comme vous s'il vous plaît.

.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;  
}