jQuery jqGrid 是一個(gè)非常流行的 jQuery 插件，可以用來(lái)實(shí)現(xiàn)各種強(qiáng)大的數(shù)據(jù)表格功能。其中最關(guān)鍵的就是數(shù)據(jù)源的使用，而 JSON 數(shù)據(jù)源是最常用的一種。

$("#myGrid").jqGrid({
url: "data.json",
datatype: "json",
colNames: ["ID", "Name", "Age"],
colModel: [
{name: "id", index: "id", width: 50},
{name: "name", index: "name", width: 150},
{name: "age", index: "age", width: 50}
],
rowNum: 10,
rowList: [10, 20, 30],
pager: "#myGridPager",
sortname: "id",
viewrecords: true,
sortorder: "asc"
});

上面的代碼是一個(gè)簡(jiǎn)單的 jqGrid 定義，其中的數(shù)據(jù)源就是一個(gè)名為 data.json 的 JSON 文件。其中每行數(shù)據(jù)都包含三個(gè)字段，分別為 id、name 和 age。

在定義 colModel 時(shí)，我們需要指定每個(gè)字段的屬性，如名稱、索引和寬度等。而 rowNum 和 rowList 則用于指定每頁(yè)顯示的行數(shù)和每頁(yè)可選的行數(shù)。

最后需要注意的是，我們需要為 table 元素設(shè)置一個(gè) id 名稱，并將 pager 設(shè)為一個(gè)指定 id 的 div 元素以實(shí)現(xiàn)分頁(yè)功能。