針對jqgrid4.3.2進行表頭擴展，效果如下：

0.1版本用法：

jQuery("#grid_id").setComplexGroupHeaders({

 useColSpanStyle: true, 

 groupHeaders:[

{startColumnName: 'sex', numberOfColumns: 3, titleText: '基本信息二'},

{startColumnName: 'name2', numberOfColumns: 2, titleText: '基本信息三'},

{startColumnName: 'age2', numberOfColumns: 2, titleText: '基本信息四'}

 ],

 complexGroupHeaders:[//三級表頭，和二級表頭用法一樣

    {startColumnName:'name',numberOfColumns:5,titleText:'基本信息'}

 ]

});

或者：jQuery("# grid_id ").jqGrid(' setComplexGroupHeaders ',{

 useColSpanStyle: true, 

  groupHeaders:[

{startColumnName: 'sex', numberOfColumns: 3, titleText: '基本信息二'},

{startColumnName: 'name2', numberOfColumns: 2, titleText: '基本信息三'},

{startColumnName: 'age2', numberOfColumns: 2, titleText: '基本信息四'}

  ],

  complexGroupHeaders:[//三級表頭，和二級表頭用法一樣

     {startColumnName:'name',numberOfColumns:5,titleText:'基本信息'}

  ]

         });

更新，重要提示，建議使用0.2版本（兼容0.1）：

0.2版本用法，可以在原有jqgrid基礎上使用：

//先使用jqgrid提供的api進行，設置二級表頭

jQuery("#grid_id").jqGrid("setGroupHeaders",{

 useColSpanStyle: true, 

 groupHeaders:[

{startColumnName: 'name', numberOfColumns: 2, titleText: '基本信息一'},

{startColumnName: 'age', numberOfColumns: 2, titleText: '基本信息二'},

{startColumnName: 'name2', numberOfColumns: 2, titleText: '基本信息三'},

{startColumnName: 'age2', numberOfColumns: 2, titleText: '基本信息四'}

 ]

});

//單獨調(diào)用該方法，設置三級表頭

jQuery("#grid_id").jqGrid("setComplexGroupHeaders",{

 complexGroupHeaders:[

    {startColumnName:'name',numberOfColumns:4,titleText:'基本信息A'},

    {startColumnName:'deptname',numberOfColumns:5,titleText:'基本信息B'}

 ]

});

當然你可以按照0.1版本方式來書寫，建議先調(diào)用jqgrid原始api，在調(diào)用本人提供的api設置三級表頭。

之前沒有測試IE環(huán)境，0.2.1修復了IE下面錯位的問題。建議使用0.2.1版本。