jQuery jGrid是一款強大的jQuery插件，用于創建響應式和交互式網格視圖。它具有豐富的特性和自定義選項，可以輕松地滿足不同的網格需求。

您可以使用以下代碼將jQuery jGrid添加到您的網頁中：

<link rel="stylesheet" type="text/css" href="jquery.jqGrid-5.3.1/css/ui.jqgrid.css"> 
<script type="text/javascript" src="jquery.jqGrid-5.3.1/js/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.jqGrid-5.3.1/js/jquery.jqGrid.min.js"></script>

然后，在您的HTML代碼中創建一個table元素，并將其轉換為jQuery jGrid網格視圖。以下是示例代碼：

<table id="myGrid"></table>
<script type="text/javascript"> 
jQuery("#myGrid").jqGrid({
url:'myData.json',
datatype: "json",
colNames:['ID','名稱','價格'], 
colModel:[
{name:'id',index:'id', width:55},
{name:'name',index:'name', width:90},
{name:'price',index:'price', width:80, align:"right"}
],
rowNum:10,
rowList:[10,20,30],
pager: '#myPager',
sortname: 'id', 
viewrecords: true, 
sortorder: "desc",
caption:"網格視圖示例"
}); 
</script>

在上面的代碼中，我們指定了網格數據的URL和數據類型。然后，我們定義了列名稱和列模型，并指定分頁器，排序方式以及其他選項。最后，我們將表格的標題指定為“網格視圖示例”。

在網格視圖中，您可以使用鼠標拖動列調整列寬，單擊標題欄對數據進行排序。您還可以啟用單元格編輯，行更新和刪除等更高級功能。

總之，jQuery jGrid是一個強大而靈活的網格視圖插件，適用于各種應用程序和網站。它提供了廣泛的自定義選項和易于使用的API，使您可以創建精美的和交互式的網格視圖。