Comment implémenter wordwrap sur jqGrid qui fonctionne sur IE7, IE8 et FF

Comment implémenter wordwrap sur jqGrid qui fonctionne sur IE7, IE8 et FF, tout en ayant également un travail de redimensionnement des colonnes (la grille s'aligne correctement).Comment implémenter wordwrap sur jqGrid qui fonctionne sur IE7, IE8 et FF

Essayé d'incorporer du contenu à l'intérieur de chaque td avec un div de largeur spécifique (basé sur la largeur TH initiale), mais le formatage ne fonctionnera pas sur les divs que j'ai insérés. jqGrid calcule les largeurs du TH redimensionné et des TH adjacents.

Existe-t-il une meilleure solution qui évitera tous les 'hacks' JavaScript?

Source

2010-06-08 bcm

jqGrid Text/Word Wrapping explique comment faire, en utilisant le CSS suivant:

.ui-jqgrid tr.jqgrow td { 
white-space: normal !important; 
height:auto; 
vertical-align:text-top; 
padding-top:2px; 
}

Source

2010-06-09 13:19:13

+1: solution très bonne et claire. Je suggère seulement d'utiliser 'title: false' dans' ColModel' pour que toutes les colonnes désactivent les info-bulles qui ne sont plus nécessaires. On va économiser un peu de mémoire. De plus, l'utilisation d'autres 'vertical-align' comme' text-top' pour toutes les cellules de la table peut aussi être intéressante. – Oleg

champs !!! bonne réponse + conseil. – bcm

a finalement supprimé vertical-align: text-top, car il provoquait le style de soulignement des ancres dans les colonnes avec le contenu caché de débordement pour déborder dans IE. (seulement les débordements de soulignement!) – bcm

Utilisez cette css, cela vous aidera sûrement.

.ui-jqgrid tr.jqgrow td { 
     word-wrap: break-word; /* IE 5.5+ and CSS3 */ 
     white-space: pre-wrap; /* CSS3 */ 
     white-space: normal !important; /* 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 
    }

Source

2013-05-03 10:13:15 Yasser

-1

Deall Tous,

cela peut être comme ci-dessous:

$("#jqxgrid").jqxGrid(

      { 
       source: dataAdapter, 
       width: 1500, 
       autorowheight: true, 
       autoheight: true, 
       columnsresize: true, 
       theme: 'ui-redmond',

Source

2014-06-11 10:04:06 user3729495

Comment implémenter wordwrap sur jqGrid qui fonctionne sur IE7, IE8 et FF

Répondre

Questions connexes