jqGrid Spalte nicht genau mit den Spaltenüberschriften

Diese Frage wurde hier gestellt.
jqGrid Spalte nicht genau mit den Spaltenüberschriften

Aber die border-right-color Stil scheint nicht zu funktionieren für mich.

Ich bin mit jqGrid 3.8 und IE 8

Das ist mein setup für jqGrid

shrinkToFit:true,
colModel :[
  {name:'leid', index:'leid', width:70, label:'LEID'},
  {name:'cdr', index:'cdr', width:40, label:'CDR'},
  {name:'name', index:'name', width:160, label:'Name'},
  {name:'country', index:'country', width:98, label:'Country'},
  {name:'fc', index:'fc', width:50, label:'FC'},
  {name:'bslaMe', index:'bslaMe', width:65, label:'BSLA/ME'},
  {name:'business', index:'business', width:130, label:'Business'},
  {name:'amtFc', index:'amtFc', width:98, label:'Amt(FC)', align:'right',
   formatter:'currency', formatoptions:{decimalSeparator:".",
   thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"",
   defaultValue: '0'} },
  {name:'amtUsd', index:'amtUsd', width:98, label:'Amt(Cur)', align:'right',
   formatter:'currency', formatoptions:{decimalSeparator:".",
   thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"",
   defaultValue: '0'} },
  {name:'cashPoolHeader', index:'cashPoolHeader', width:120,
   label:'Cash Pool Header'},
  {name:'cashPoolCDR', index:'cashPoolCDR', width:60, label:'CP CDR'},
  {name:'cashPoolName', index:'cashPoolName', width:160, label:'Cash Pool Name'}
],

Irgendwelche Gedanken?

  • Ich entschuldige mich für die Formatierung des Codes...
InformationsquelleAutor Sumit | 2010-11-03
  1. 6

    Ich hatte das gleiche Problem, ich löste dieses Problem durch Anhängen von 4 Zeilen code in gridComplete diese 4 Zeilen wird die Art der td's der content-Bereich [erste Zeile td's Stil änderung ist genug].

    Dies ist ein Problem in jqgid, das ist eigentlich die Einstellung der td's innerhalb der <thead> aber dieser Stil ist nicht zu reflektieren in der td's der content-Bereich. Während der Entwicklung von jqgrid Sie davon aus, daß ganze Spalten, Breite erfolgt durch ändern der Breite einer Zeile ist tds, aber Sie veränderten sich nur für <thead> was ist das anhaltende Problem hier.

    Einstellen der Spaltenbreite in der colModel:

    colModel: [ 
    { 
        name: 'Email', 
        index: 'Email', 
        editable: true, 
        edittype: 'custom', 
        width: 220, 
        editoptions: { 
            custom_element: function(value, options) { 
                return EmailAddressCustomElement(value, options); 
            }, 
            custom_value: function(elem) { 
                var inputs = $("input", $(elem)[0]); 
                return inputs[0].value; 
            } 
        } 
    },
    { 
        name: 'LocationAndRole', 
        index: 'LocationAndRole', 
        editable: true, 
        align: "left", 
        edittype: "button", 
        width: 170, 
        editoptions: { 
            value: 'Edit Location And Role', 
            dataEvents: [{ 
                type: 'click', 
                fn: function(e) { 
                    ShowUsersLocationAndRoles(e); 
                } 
            }] 
        } 
    }
]

    fügen Sie den untenstehenden code in die gridComplete Veranstaltung:

    gridComplete: function() { 
    var objRows = $("#list_accounts tr"); 
    var objHeader = $("#list_accounts .jqgfirstrow td"); 

    if (objRows.length > 1) { 
        var objFirstRowColumns = $(objRows[1]).children("td"); 
        for (i = 0; i < objFirstRowColumns.length; i++) { 
            $(objFirstRowColumns[i]).css("width", $(objHeader[i]).css("width")); 
        } 
    } 
}

    Ich hoffe, dass der obige code wird Ihnen helfen, bei der Lösung des Problems.

    • Vielen Dank, das hat Problem hat, mich zu töten, für eine Weile jetzt. Überrascht, dieses Problem ist 2+ Jahre alt...
    • Danke @Muktesh.Ich war brechend Kopf lösen dieses Problem.Große Lösung.
    InformationsquelleAutor Mukthesh
  2. 0

    Blick auf meine alte Antwort, die beschreibt, wie zum ändern Sie die überschrift der Spalte Ausrichtung.

    Es ist nicht das, was Sie wollen, dann sollten Sie ein Bild posten, das zeigt, wie Gitter Aussehen, und fügen Sie in Ihrer Anfrage den vollständigen code, den Sie von grid-einschließlich HTML-code, Informationen über die version von jqGrid, die Sie verwenden, und die test-Daten. Also alles, was man brauchen, um Ihr problem reproduzieren.

    InformationsquelleAutor Oleg
  3. 0

    Den code oben war auch nicht für mich arbeiten

    Änderte ich es ein wenig:
    Funktioniert Prima mit 4.6.0

    var objHeader = $("table[aria-labelledby=gbox_" + gridName+ "] tr[role=rowheader] th");

for (var i = 0; i < objHeader.length; i++) {
   var col = $("table[id=" + gridName+ "] td[aria-describedby=" + objHeader[i].id + "]");
   var width= col.outerWidth();
   $(objHeader[i]).css("width", width);
}
    InformationsquelleAutor Zecarro
  4. 0

    Ich weiß, das ist sehr Alt , aber ich habe vor dem gleichen Problem heute (version 4.5.1), während der Arbeit an einer legacy-Anwendung und die @Zecarro ' s Lösung hat mir geholfen. Ich musste ändern Sie das Skript zum einstellen der Spaltenbreite anstelle der Header-Breite zu machen, es funktioniert aber. 

    var objHeader = $("table[aria-labelledby=gbox_" + gridName+ "] tr[role=rowheader] th");

for (var i = 0; i < objHeader.length; i++) {
var col = $("table[id=" + gridName+ "] td[aria-describedby=" + objHeader[i].id + "]");
var width= col.outerWidth();

var headerWidth = $(objHeader [i]).width();
col.width(headerWidth);
}
    InformationsquelleAutor Jerry
Schreibe einen Kommentar