jqGrid 实例中文版网址：http://blog.mn886.net/jqGrid/
jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。
参考jqGrid 学习笔记整理——基础篇
jqGrid特性
基于jquery UI主题，开发者可以根据客户要求更换不同的主题。
兼容目前所有流行的web浏览器。
Ajax分页，可以控制每页显示的记录数。
支持XML，JSON，数组形式的数据源。
提供丰富的选项配置及方法事件接口。
支持表格排序，支持拖动列、隐藏列。
支持滚动加载数据。
支持实时编辑保存数据内容。
支持子表格及树形表格。
支持多语言。
目前是免费的。
引入库：
1.jqGrid官网下载最新版本的程序包，下载地址为：http://www.trirand.com/blog/?page_id=6
例如版本：
2.下载jqGrid皮肤，下载地址为：http://jqueryui.com/themeroller/
<!-- 两个主题皮肤 -->
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css" />
<!-- 两个jqgrid样式 -->
<link rel="stylesheet" type="text/css" href="css/ui.jqgrid-bootstrap-ui.css" />
<link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" />
<!-- 三个js 一个jquery 一个语言包 一个 jqgrid.js -->
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript" charset="utf-8"></script>
完整例子test1.jsp