前言：項目需要用到表格插件，本來覺得jquery datatable樣式不錯，后臺發(fā)現(xiàn)沒有繼承checkbox等問題，最終轉(zhuǎn)而使用jqgrid。

項目語言及架構(gòu)：java spring mvc

1、jqgrid的創(chuàng)建：

jar包地址：http://pan.baidu.com/s/1nutFNvz 密碼：i7ka

2、html代碼

<div id="jqgrid-wrapper">
	<table id="mygrid" class="table table-striped table-hover">
		<tr>
			<td></td>
		</tr>
	</table>
	<div id="jqgrid-pager"></div>
</div>

3、js代碼

3.1、初始化

$('#mygrid').jqGrid({
	url : '${pageContext.request.contextPath}/cus/xxx.do',
	postData:{'menuId':$('#menuId').val(),'type':$('#type').val()},
	mtype : "POST",
	contentType : "application/json",
	datatype : "json",
	colModel : [ {
		label : '選擇',
		name : 'id',
		key : true,
		hidden : true
	}, {
		label : '名稱',
		name : 'name'
	}, {
		label : '描述',
		name : 'remark'
	}, {
		label : '創(chuàng)建時間',
		name : 'createTime'
	} ],
	height : '100%',
	pager : 'jqgrid-pager',
	page : "${page}", //初始化查詢頁數(shù)
	rowNum : "${rows}",
	rowList : [ 10, 20, 30 ],
	sortname : 'createTime',
	sortable : true,
	sortorder : 'desc',
	jsonReader : {
		root : "formList", // json中代表實際模型數(shù)據(jù)的入口