SubJgrid

  <script language="javascript" type="text/javascript">
        $(function () {
            jQuery("#list11").jqGrid({
                url: '',
                datatype: "xml",
                height: 200,
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: '#pager11',
                sortname: 'id',
                viewrecords: true,
                sortorder: "desc",
                multiselect: false,
                colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
                colModel: [
                { name: 'id', index: 'id', width: 55 },
   		        { name: 'invdate', index: 'invdate', width: 90 },
   		        { name: 'name', index: 'name', width: 100 },
   		        { name: 'amount', index: 'amount', width: 80, align: "right" },
   		        { name: 'tax', index: 'tax', width: 80, align: "right" },
   		        { name: 'total', index: 'total', width: 80, align: "right" },
   		        { name: 'note', index: 'note', width: 150, sortable: false }
   	],
                subGrid: true,
                subGridUrl: '',
                subGridModel: [
                { name: ['No', 'Item', 'Qty', 'Unit', 'Line Total'],
                 width: [55, 200, 80, 80, 80]
                }
    ],
                caption: "Subgrid Example"

            });
            jQuery("#list11").jqGrid('navGrid', '#pager11', { add: false, edit: false, del: false });
        })
    </script>

<table id="list11">
</table>