jqGrid 实例中文版网址：http://blog.mn886.net/jqGrid/

国外官网：http://www.trirand.com/blog/   jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。

参考jqGrid 学习笔记整理——基础篇 https://blog.csdn.net/budaizou/article/details/79041905

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