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