jqgrid long text wrapping

Dans jqgrid nous avons un long texte d'obtenir à partir de DB, mais besoin d'envelopper tout en affichant dans JQgrid, est-il possible de placer du texte long (avec des espaces)? Nous avons seulement 110px de rechange pour le nom du bénéficiaire du champ parce que nous avons plusieurs colonnes doit être affichée. Notre code est comme

{name:"firstPayeeName",index:"firstPayeeName", width:"110px", align:"left", sorttype:"string"},

Pls fournir une solution le cas échéant. Merci à l'avance.

source d'informationauteur Sabarish

  1. 30

    Dans le cas de l'essai, qui vous avez besoin pour afficher a pas d'espaces ou d'autres espaces blancs vous ne pouvez pas utiliser le style CSS décrit ici et ici.

    Je vous recommande d'utiliser une autre feuille de style CSS:

    <style type="text/css">
    .ui-jqgrid tr.jqgrow td {
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        overflow: hidden;
        height: auto;
        vertical-align: middle;
        padding-top: 3px;
        padding-bottom: 3px
    }
</style>

    Comment vous pouvez le voir sur la démo le texte "testtesttesttesttesttesttesttesttest" sera affiché comme suit:

    jqgrid long text wrapping

  2. 1

    Solution ci-dessus n'a pas fonctionné pour moi, exactement comme il est, mais avec peu de modifications, l'a fait!
    Aller à thèmes/ui.jqgrid.css:
    recherche pour: .ui-jqgrid tr.jqgrow td :
    et dans les crochets insérer:

     word-wrap: break-word; //IE 5.5+ and CSS3
        white-space: pre-wrap; //CSS3
        white-space: -moz-pre-wrap; //Mozilla, since 1999
        white-space: -pre-wrap; //Opera 4-6
        white-space: -o-pre-wrap; //Opera 7
        overflow: hidden;
        height: auto;
        vertical-align: middle;
        padding-top: 3px;
        padding-bottom: 3px
  3. 1
    .ui-jqgrid tr.jqgrow td
{           
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
    padding-bottom: 3px;
}

    Utiliser le code ci-dessus dans son travail. Si vos pas donner de l'espace, il va se casser les lignes