隨著前端框架的發展，c與jquery的結合已經成為了廣大開發者的首選。而jqgrid則可以幫助我們更加方便地展示數據。在本文中，我們將來學習關于c jquery jqgrid教程。

首先需要明確的是，jquery jqgrid是一個基于jquery的開源插件，可以方便地展示數據并提供很多實用的功能。下面我們來看看如何使用jqgrid。

//定義一個jqgrid表格
$("#grid").jqGrid({
url: 'data.json',//數據源
datatype: 'json',//數據類型
colNames: ['姓名', '年齡'],//列名稱
colModel: [
{ name: 'name', index: 'name', width: 100 },
{ name: 'age', index: 'age', width: 100 }
],//列模型
rowNum: 10,//每頁顯示行數
height: 'auto',//表格高度自適應
pager: '#pager',//分頁器
sortname: 'id',//排序字段
viewrecords: true,//顯示記錄總數
caption: '我的表格'//表格標題
});

上面的代碼是一個簡單的jqgrid示例，其中包括數據源、數據類型、列名、列模型等基本屬性，我們可以根據實際需求進行設置。

接下來，我們來看看如何在c中使用jquery jqgrid。首先，需要引入jquery和jqgrid的相關文件。

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

注意，需要引入jqgrid的語言文件，以便于在表格中顯示中文文字。

然后，在需要使用jqgrid的頁面上，我們可以直接使用前面定義的jqgrid表格，如下所示：

<table id="grid"></table>
<div id="pager"></div>

最后，在c中我們可以通過ajax請求獲取數據，并將數據填充到jqgrid表格中。具體代碼如下：

//通過ajax請求獲取數據
$.ajax({
type: "GET",
url: "data.json",
dataType: "json",
success: function(data) {
//將數據填充到jqgrid表格中
var grid = $("#grid");
grid.jqGrid('clearGridData');
for (var i = 0; i < data.length; i++) {
grid.jqGrid('addRowData', i, data[i]);
}
grid.trigger('reloadGrid');
}
});

上面的代碼中，我們通過ajax請求獲取數據，并將數據逐行填充到jqgrid表格中。最后，我們通過trigger函數重新加載表格，以便于數據顯示。

綜合以上內容，我們可以看到，jqgrid是一個很實用的數據展示插件，可以極大地提高效率。在c jquery jqgrid教程中，我們了解了jqgrid的基本屬性、引入方式以及數據填充方法，相信大家可以輕松掌握。