<ui:group let:tableId="{= ui:uniqueId() }" let:pagerId="{= ui:uniqueId() }">
	<table id="{= ?tableId }" />
	<div id="{= ?pagerId }" />
	<script>
		$("#{= ?tableId }").jqGrid({
            datatype: "local",
            data: <swon:RSObjectArray arg:resultSet="{= ?resultSet }" arg:labelFunction="ui:label" />,
            <ui:call ui:template="swon:ForEachResultSetColumnIndex" arg:resultSet="{= ?resultSet }">
	            colNames:[
	             	<ui:forEach ui:resultSet="{= ?rs }" ui:separator=",">
	            		'{= ui:escapeJSON(spr:colName(?resultSet, ?colIndex)) }'
	            	</ui:forEach>
	            ],
	            colModel:[
	            	<ui:forEach ui:resultSet="{= ?rs }" ui:separator=",">
	            		{
	            			<swon:NameValuePair arg:name="name" arg:value="{= spr:colName(?resultSet, ?colIndex) }" />
	            		}
	            	</ui:forEach>
	            ],
	        </ui:call>
            rowNum: 10,
            rowList:[5,10,20],
            pager: '#{= ?pagerId }',
            viewrecords: true,
            sortorder: "desc",
            height: "100%"
        }).jqGrid('navGrid', '#{= ?pagerId }', { add:false, edit:false, del:false});
	</script>
</ui:group>