Auto-resize die Spaltenbreite in JQgrid
Ich bin mit Jqgrid in meinem Projekt. In einer Spalte zeigen wir E-Mail-Adresse. Wenn wir geben ein paar lange E-Mail-Adresse, dann wird die Spalte automatisch die Größe neu, um die Länge und die Schraube, bis die gesamte grid-layout. Da der E-Mail müssen keine Räume, so dass Ihr nicht verziehen auch. Ich will ignorieren Sie die extra-Inhalte und zeigen, wie viel untergebracht werden können, in der gegebenen Breite. Ich habe bereits versucht mit Feste Breite geben. Bitte lassen Sie mich wissen, wenn jemand die Lösung für dieses.
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
},
});
Dank
Sandy
- Poste deinen code, dann nur jemand helfen können
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich bin nicht sicher, ob ich verstehe, korrigieren Sie Ihre Anforderungen. Sie schrieb vor allem über das problem der Verwindung von langen Texten ohne Leerzeichen wie E-Mail. Das problem könnte gelöst werden durch die Verwendung von Zeichen zu Verpacken. Sehen die Antwort für mehr details. Eine andere Antwort hat zusätzliche Informationen über die Umsetzung des Charakter-level-wrapping in verschiedenen web-Browsern. Die meisten web-Browsern nicht Wort-Ebene umbrechen, wenn der text Leerzeichen enthält und Charakter wickeln nur, wenn keine Leerzeichen vorhanden sein in den text ein. Ist es nicht das, was Sie brauchen?
table-layout:fixed;
wird nicht nur für bessere Leistung, aber man es wirklich braucht.