JqGrid是一款基于jQuery實(shí)現(xiàn)的表格插件，可以讓開發(fā)者輕松地展示和操作數(shù)據(jù)。它支持分頁、排序、篩選、編輯、導(dǎo)出等功能，同時(shí)還提供了豐富的事件、API和主題定制方式，讓用戶能夠靈活地定制界面樣式和邏輯。下面是一份使用jQuery版本的JqGrid的示例代碼：

$(function() {
var grid = $("#myTable");
grid.jqGrid({
url: "data.json",
datatype: "json",
colModel: [
{ name: 'name', label: '姓名', width: 100 },
{ name: 'age', label: '年齡', width: 80 },
{ name: 'gender', label: '性別', width: 80 },
{ name: 'email', label: '郵箱', width: 200 }
],
height: 300,
rowNum: 10,
pager: "#myPager",
viewrecords: true,
caption: "用戶信息表",
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: false,
id: "0"
}
});
});

以上代碼演示了如何在頁面中使用JqGrid插件，并展示了一個(gè)用戶信息表格。其中，通過調(diào)用grid.jqGrid()方法來初始化表格，傳入的參數(shù)包括數(shù)據(jù)源URL、數(shù)據(jù)格式、列模型、分頁器等設(shè)置。對于數(shù)據(jù)源，可以是本地的JSON對象，也可以是服務(wù)器端的數(shù)據(jù)接口。JSONReader指定了讀取JSON數(shù)據(jù)的方式，以指定的屬性作為行數(shù)據(jù)的ID。

總的來說，jQuery版本的JqGrid使用方便、功能豐富、樣式美觀，適用于Web應(yīng)用中的數(shù)據(jù)展示和管理。另外，JqGrid還有另一種基于AngularJS的版本，可以更好地和Angular框架結(jié)合使用。