javascript - update - js modify title




Habillage des lignes de texte dans JqGrid (3)

Pouvez-vous JqGrid des lignes de texte dans JqGrid ? J'ai jeté un coup d'œil mais je ne trouve rien.


Avec jQGrid 4.0, une meilleure façon de 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 un style d'habillage à une colonne individuelle sans avoir à utiliser! Important


Essayez le CSS suivant:

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

Cela fonctionne pour moi en utilisant jqGrid 3.6.

Comme N30 l'a souligné, jqGrid 4.0 prend désormais en charge une option cellattr colModel qui permet un contrôle plus fin du retour à la ligne. De son exemple:

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

Vous pouvez utiliser l'option cellattr colModel pour placer une classe CSS sur votre colonne, puis dans votre fichier CSS, le style white-space: normal !important; sur cette classe ...

Des classes

chaîne

Cette option permet d’ajouter des classes à la colonne. Si plus d'une classe sera utilisée, un espace doit être défini. Par exemple, classes:'class1 class2' définira class1 et class2 pour chaque cellule de cette colonne.

Dans le css de la grille, il y a une classe prédéfinie ui-ellipsis qui permet d'attacher des ellipses à une ligne particulière. Cela fonctionnera également dans FireFox.





jqgrid