JQgrid FreezeColumn nicht einfrieren Headern?

Question

Ich bin neu in JQgrid und habe versucht, die erste Spalte im Raster einzufrieren, damit horizontales Scrollen diese Spalte nicht beeinflusst.

Ich habe frozen: true in der colModel, sowie Aufruf Jquery("#grid").jqGrid('setFrozenColumns');.

Dies friert die Spalte DATA korrekt ein, aber wenn ich nach rechts scrolle, blättern die Spaltenköpfe mit mir. Wie kann ich die Header auch einfrieren?

Vielen Dank!

Beispielcode:

jQuery("#taskGrid").jqGrid({ 
datatype: "jsonstring", 
colNames:['task ID','TASK Name', 'ROLE Info'], 
colModel:[ 
    {name:'taskId',index:'taskId', width:100, frozen: true}, 
    {name:'taskName',index:'taskName', width:200}, 
    {name: 'roleInfo.1', index: 'roleInfo.1', width:100, formatter: 'checkbox' } 

], 
jsonReader: {repeatitems: false}, 
datastr: JSON.parse(document.form.taskData.value), 
rowNum:50, 
pager: '#pager2', 
sortname: 'taskId', 
viewrecords: true, 
sortorder: "desc", 
caption:"JSON Example", 
height: "750", 
width: "350", 
shrinkToFit: false 
});jQuery("#taskGrid").jqGrid('setFrozenColumns'); 

Answer 1

Try free jqGrid 4.13.4 statt Guriddo jqGrid JS 5.1.0, die Sie derzeit verwenden, zu verwenden. Zuallererst enthält es viele Korrekturen in eingefrorenen Spalten, enthält viele Verbesserungen und es ist kostenlos im Gegensatz zu Guriddo jqGrid JS (siehe die Preise here). Um kostenlos jqGrid zu testen, können Sie einfach alle jqGrid direkt von CDN laden (siehe the wiki article).

Ich würde Ihnen empfehlen, zusätzlich datatype: "local" und data: jQuery.parseJSON(document.form.taskData.value) anstelle von datatype: "jsonstring" und datastr zu verwenden. Der Datentyp "jsonstring" ist nur gut, wenn Sie benötigen, um lokale Sortierung der Eingabedaten während des ersten Ladens zu verhindern. Wenn Sie datatype: "local" verwenden würden, werden die Eingabedaten lokal sortiert basierend auf sortname: 'taskId' und sortorder: "desc" bevor es angezeigt wird.