最初の列が固定されたグリッドがあります。水平スクロールを移動すると、グリッドのヘッダーのこの列が固定されますが、グリッドの本体では、すべての列を水平に移動できますが、最初の列は固定されていません。私は自分のコードを何百回も見直しましたが、問題ありません。私のプロジェクトには他の CSS や JavaScript はありません。IE8、Firefox、および Chrome で発生します。jQgrid の最新バージョンを使用しています。
これが私のコードです:
jQuery("#single").jqGrid({ データ:マイデータ、 データ型:「ローカル」、 height : 115, //Define el alto total del listado width : 650, //define el ancho total del listado colNames : [ 'Index', 'Date', 'Code', 'Amount' ], //Nombres de las cabeceras de las columnas. colModel : [ { name : 'item_id', // Prop. name del modelo de datos インデックス: 'item_id', 幅 : 100, sorttype : 'int', 整列: '中央', 凍結:真 }、{ 名前: 'item_date', インデックス: 'item_date', 幅:450、 フォーマッタ:「日付」、 フォーマットオプション: { newformat : 'd/M/Y' }、 datefmt : 'd/M/Y', 整列:「中央」 }、{ 名前: 'item_cd', インデックス: 'item_cd', 幅 : 400 }、{ 名前:「金額」、 インデックス:「金額」、 幅:400、 formatter: "integer", //Define el tipo de dato. 不可思議なcuando queremos cear una celda de totales. align: 'right', //Alineación del texto dentro de la celda. 編集規則: { edithidden : 真 }、 編集オプション: { /*無効: '無効',*/ サイズ : '10', 最大長 : '8', } } ]、 行数: 10, 行合計: 2000、 行リスト: [5, 10, 20, 30], ロードワンス:真、 mtype : "GET", rownumbers : false, // Mostrar/ocultar el nº de fila. rownumWidth : 40, // Ancho de la columna que muestra el nº de fila. グリッドビュー: 真、 pager : '#psingle', //Id de la capa que contiene el paginador. sortname : 'item_id', // Columna inicial sobre la que realiza la ordenación. イニ viewrecords : true, // Muestra/Oculta el mensaje de: "Mostrando 1 de..." sortorder : "desc", editurl : './listado.html', caption : "Tabla de datos editables", //Titulo del listado. 整列: '中央', //shrinkToFit : true, footerrow : true, // Activa el pie del listado. 不可思議な si se quiere visualizar. userDataOnFooter : 真、 編集 : { 上:「100px」、 左:「100px」、 addCaption : "レコードを追加", editCaption : "変更登録簿", bSubmit : "Modificar", bCancel : "キャンセル", bClose : "セラー", saveData : "データが変更されました!変更を保存しますか?", bはい:「はい」、 bNo : "いいえ", b終了:「キャンセル」 }、 }); /* Botones de edición */ jQuery("#single").jqGrid('navGrid', '#psingle', { デル:真、 追加:真、 編集:真 }); /* Activa la funcionalidad de las columnas fijas. 「frozen:true」の組み合わせを参照してください en la columna. */ jQuery("#single").jqGrid('setFrozenColumns');