我有一个第一列冻结的网格。当我移动水平滚动时,网格标题中的这一列被冻结,但在网格的主体中,所有列都可以水平移动,第一列没有被冻结。我已经检查了我的代码一百次,这很好。我的项目中没有任何其他 css 或 javascript,它出现在 IE8、Firefox 和 Chrome 中。我正在使用最新版本的 jQgrid。
这是我的代码:
jQuery("#single").jqGrid({ 数据:我的数据, 数据类型:“本地”, height : 115, //定义 el alto total del listado width : 650, //定义 el ancho total del listado colNames : [ 'Index', 'Date', 'Code', 'Amount' ], //Nombres de las cabeceras de las columnas. col型号:[{ name : 'item_id', // 道具名称 del modelo de datos 索引:'item_id', 宽度:100, 排序类型:'int', 居中对齐', 冻结:真 }, { 名称:'item_date', 索引:'item_date', 宽度:450, 格式化程序:'日期', 格式选项:{ 新格式:'d/M/Y' }, datefmt : 'd/M/Y', 居中对齐' }, { 名称:'item_cd', 索引:'item_cd', 宽度:400 }, { 名称:'金额', 指数:'数量', 宽度:400, formatter: "integer", //Define el Tipo de dato. 令人难以置信的 cuando queremos crear una celda de totales。 align: 'right', //Alineación del texto dentro de la celda。 编辑规则:{ 编辑隐藏:真 }, 编辑选项:{ /*禁用:'禁用',*/ 大小:'10', 最大长度:'8', } }], 行数:10, 行总计:2000, 行列表:[5、10、20、30], 加载一次:真, mtype:“获取”, 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..." 排序顺序:“描述”, 编辑网址:'./listado.html', 标题:“Tabla de datos editables”,//Titulo del listado。 居中对齐', //shrinkToFit : true, footerrow : true, // Activa el pie del listado。令人难以置信的 si se quiere 可视化工具。 userDataOnFooter :是的, 编辑 : { 顶部:'100px', 左:'100px', addCaption : "添加记录", editCaption : "Modificar registro", bSubmit : "Modificar", bCancel : "取消", bClose : "塞拉尔", saveData : "数据已更改!保存更改?", b是:“是”, bNo : "否", b退出:“取消” }, }); /* Botones de edición */ jQuery("#single").jqGrid('navGrid', '#psingle', { 德尔:是的, 添加:是的, 编辑:真 }); /* Activa la funcionalidad de las columnas fijas. Se usa en combinación con el atributo "frozen:true" en la columna。*/ jQuery("#single").jqGrid('setFrozenColumns');