最近做的項目用到的jqgrid做表格，剛開始用的時候是各種不順，隨着項目的不斷深入，對錶格的要求也越來越高，有些時候都不知道怎麼解決問題了，後來經過我的不斷努力，總算有了很大進步，下面把我的學習過程分享一下。
1、定義subGrid爲true，然後是subGridOptions選項；
<span style="white-space:pre"> </span> subGrid: true,
subGridOptions: {
plusicon: 'ui-icon-plus',
minusicon: 'ui-icon-minus',
openicon: 'ui-icon-carat-1-sw',
expandOnLoad: true,
selectOnExpand: false,
reloadOnExpand: false
},2、定義subGridModel；
subGridModel : [
{ name : ['name_1','name_2',…,'name_n'], //name爲子表格label
width : [width_1,width_2,…,width_n] ,
align : ['left','center',…,'right'] ,
params : [param_1,…,param_n], //當子表格發送請求時，需要請求參數時，與主表格colmodel對應的name的值，不建議使用
mapping:['name_1_map','name_2_map',…,'name_n_map']} //mapping爲與name映射的值3、subGridUrl，子表格發送請求;
4、如果想要改變子表格的話，調用subGrid子表格的方法
| 方法名 | 參數 | 返回類型 | 說明 |
|---|---|---|---|
| expandSubGridRow | rowid | jqGrid object | 展開指定rowId的子表格 |
| collapseSubGridRow | rowid | jqGrid object | 閉合指定rowId的子表格 |
| toggleSubGridRow | rowid | jqGrid object | 重新加載指定rowid的子表格 |
| subGridJson | json, rowid | false | 在指定rowid的子表格裏面添加數據，json爲添加的數據，數據類型的json類型 |
| subGridXml | xml, rowid | false | 在指定rowid的子表格裏面添加數據，xml爲添加的數據，數據類型的xml類型，不建議使用 |
jQuery("#orderdatatable").expandSubGridRow(rowId);