用法還算簡單，我也是摸著石頭過河，寫了幾天curd才慢慢的瞭解他，我用到的場景就是 用來取值，在頁面進行相關資料的展示，如下圖：

看了上圖，應該可以說是很明白是什麼意思了，接下來說說如何實現，大多說明寫在註釋裡，方便看！！！
第一步 建立form表單，內含

<form  name="searchForm" id="searchForm" method="get" accept-charset="UTF-8">

                <div class="shop-init-container-table-wrapper"
 
>
                    <table class="ui-table js-ui-table" id="grid-table"></table>
                    <div class="dataTables-wrapper clearfix" id="grid-pager"></div>
                </div> 
</form>

然後在 裡相應的方法實現，前臺傳送請求到獲取資料，不需要你去寫遍歷，這個表格組建會自行遍歷的

<script type="text/javascript"
 
>
            var table_01;
            $(function(){
                //例項化表格
                table_01=new Jqgrid({

                    grid_selector:'#grid-table',//grid選擇器，用來顯示資料的自定義table的id
                    pager_selector:'#grid-pager',//分頁器選擇器   ,定義的是一個div，在table下面，最為分頁顯示欄         
                    table_wrapper:'.shop-init-container-table-wrapper'
 
,
                    url:'<c:url value="/dict/all" />',//向後臺請求Controller的地址，                 
                    formId:'#searchForm',//最外層form表單的id
                    multiselect:false,// 是否多選
                    //整體是一個回撥函式，不輸出內容，可自行註釋掉該函式看頁面有啥變化。
                    gridCallback:function(){
                        console.log();
                    },
                    colNames:['名稱','分類程式碼'],
                    colModel:[
                    //colNames與colModel一定要相對應，內涵引數詳見下方JqGrid api連結

                        {name : 'name',index : 'icon',sortable :false,align:'center',width:'14',classes:''},
                        {name : 'code',index : 'icon',sortable : false,align:'center',width:'14',classes:''},
                    ],
                }); 

        });
        </script>

想繼續瞭解的童鞋可以點選這裡JqGrid api 中文說明一系列引數。
後臺java部分內容

    @RequestMapping(value="/all",method=RequestMethod.GET)
    @Auth(tag="selectdictype_meu")//許可權註解
    @ResponseBody//這注解返回資料
    public String selectAll(HttpServletRequest request ,HttpServletResponse response,Integer page,Integer rows,String name,String code){
        //分頁,p和pd是公司內部封裝的分頁，可根據自己的實際情況寫分頁(資料大的情況)
         Page p =  new Page();
         p.setPage(page);
         p.setRows(rows);
         PageData pd= new PageData();
         pd.put("name", name);
         pd.put("code", code);
         //pd資料封裝進page裡，傳到後臺查詢
         p.setPd(pd);   
         //去查詢  
         List<DictType> list= dictService.getDicTypeAll(p);     
         return p.getJqGridJson(list) ; 
    }

基本上只要前臺除錯，請求200，並且能正常顯示錶的列名，基本上就可以說是前臺程式碼沒錯，也能和後臺相通了，接下來就是主要寫你後太的查詢邏輯。