Redimensionnement automatique de la largeur de colonne dans JQgrid
Je suis en utilisant Jqgrid dans mon projet. Dans une colonne, nous montrons que adresse e-mail. Si nous donnons quelques longues adresse de messagerie puis la colonne est automatiquement redimensionnées à la longueur et que les vis de l'ensemble de la grille de mise en page. Depuis e-mail ne sont pas des espaces de sorte que son pas de déformation aussi. Je veux ignorer le contenu supplémentaire et de montrer combien peuvent être logés dans la largeur. J'ai déjà essayé de donner une largeur fixe. S'il vous plaît laissez-moi savoir si quelqu'un a la solution pour cela.
Code:
jQuery('#userDetail').jqGrid({
url: endpoint,
datatype: 'json',
height: 50,
colNames:['Names','Email', 'Phone Number', 'Fax Number', 'Country'],
colModel:[
{
name:'names',
index:'names',
sortable: false,
width:200,
resizable: false
}, {
name:'email',
index:'email',
sortable: false,
width:200,
resizable: false
}, {
name:'phone',
index:'phone',
sortable: false,
resizable: false,
width:200
}, {
name:'fax',
index:'fax' ,
sortable: false,
resizable: false,
width:200
}, {
name:'country',
index:'country',
sortable: false,
resizable: false,
width:200,
}
],
multiselect: false,
autowidth: true,
caption: 'User Details',
loadComplete: function(response) {
if(!util.errorHandler(response)){
}
},
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
id: "_id",
repeatitems: false
},
});
Merci
De sable
- Poster votre code alors seulement on peut aider
Vous devez vous connecter pour publier un commentaire.
Je ne suis pas sûr que je comprends de corriger vos exigences. Vous avez écrit principalement sur le problème de la déformation de longs textes ayant pas d'espaces comme le courrier électronique. Le problème pourrait être résolu par l'utilisation de caractères d'emballage. Voir la réponse pour plus de détails. Une autre réponse a plus d'informations sur la mise en œuvre de caractère de niveau de l'emballage dans les différents navigateurs web. La plupart des navigateurs au niveau des mots d'emballage si le texte contient des espaces, et n'caractère emballage seulement si aucun espace n'existe pas dans le texte. N'est-il pas ce dont vous avez besoin?
table-layout:fixed;
sera utilisé non seulement pour améliorer les performances, mais on en a vraiment besoin.