url : 'DisasterInformation/json/all' , //组件创建完成之后请求数据的url datatype : "json" , //请求数据返回的类型。可选json,xml,txt autowidth : true , shrinkToFit : true , height : 350 , autoScroll : false , colNames : [ '序号' , '线路' , '区间' , '线别' , '时' , '分' , '时' , '分' , '姓名' , '类型' ], //jqGrid的列显示名字 colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式..... name : 'myrn' , index : 'myrn' ,width : 40 ,sortable : false ,align : "left" name : 'section.railway.name' , index : 'section.railway.name' ,width : 40 ,align : "left" name : 'section.name' , index : 'section.name' ,width : 60 ,align : "left" name : 'lineClass' , index : 'lineClass' ,width : 40 , name : 'mainTrackBreakHour' , index : 'mainTrackBreakHour' ,width : 50 ,align : "left" name : 'mainTrackBreakMin' , index : 'mainTrackBreakMin' ,width : 50 , name : 'regionalBreakHour' , index : 'regionalBreakHour' ,width : 50 ,align : "left" name : 'regionalBreakMin' , index : 'regionalBreakMin' ,width : 50 ,align : "left" name : 'discoverPerson' , index : 'discoverPerson' ,width : 40 ,align : "left" name : 'discoverPersonType' , index : 'discoverPersonType' ,width : 40 , }, ], rowNum : 10 , //一页显示多少条 传后台 rowList : [ 10 , 20 , 30 ], //可供用户选择一页显示多少条 pager : '#pager' , //表格页脚的占位符(一般是div)的id sortname : 'id' , //初始化的时候排序的字段 默认的排序列 传后台 sortorder : "desc" , //排序方式,可选desc,asc mtype : "post" , //向后台请求数据的ajax的类型。可选post,get viewrecords : true , jsonReader : { root : "content" , //数据 page : "" , //*当前页，这样才能实现翻页* total : "totalPages" , // 总页数 records : "totalElements" , //从服务器端返回的记录数 repeatitems : false , id : "id" gridComplete : function() { // 数据加载完成后 执行的操作 var ids = jQuery( "#list" ).jqGrid( 'getDataIDs' ); for (var i = 0 ; i < ids.length; i++) { jQuery( "#list" ).jqGrid( 'setRowData' , ids[i], { myrn : i + 1 , } //end for }, //end gridComplete caption : "" //表格的标题名字 jQuery( "#list" ).jqGrid( 'navGrid' , '#pager' , { edit : false , add : false , del : false , search : false jQuery( "#list" ).jqGrid( 'setGroupHeaders' , { useColSpanStyle : true , //没有表头的列是否与表头列位置的空单元格合并 groupHeaders : [ //合并 startColumnName(开始列),以discoverDate列开始; numberOfColumns(合并几列),合并3列; titleText(合并后父列名),合并后父列名为'发现时间' startColumnName : 'mainTrackBreakHour' , // 对应colModel中的name numberOfColumns : 2 , //合并列数 titleText : '中断时间(正线)' startColumnName : 'regionalBreakHour' , numberOfColumns : 2 , titleText : '中断时间(站专支)' startColumnName : 'discoverPerson' , numberOfColumns : 2 , titleText : '发现人' </script> Jqgrid 实现表格的换行操作，实现主要有三步骤，1、添加css样式，2、设定grid固定宽度，shrinkToFit:false,不自动根据比例，3、添加<br/>标签，进行换行操作 columnModel: [ {header:'主键', name:'id', editable:true, hidden:true}, {header:'${text("项目X")}', name:'project', width:155, editable:true, edittype:'text', editoptions:{readonly:true,'... JQ常规添加CheckBox是设置 multiselect: true即可；常规设置 多级 表头 如下： var gridHeaderArr = [];//需要设置的 表头 $.each(data.mutiModel, function (index, item) { gridHeaderArr.push({ startColumnName: item.FIELD, numberOfColumns: 1, titleText: $('#xxx'). jqGrid ('setGroupHeaders', { useColSpanStyle : true, // 是否 跨列 groupHeaders : [ // 多级 表头 startColumnName : 'XX...