如何将我的视图模型绑定到jqGrid？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/free-jqgrid@4.16.0/dist/jquery.jqgrid.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/free-jqgrid@4.16.0/dist/css/ui.jqgrid.min.css">

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

var myData = [
  { id: 1, name: "John Doe", age: 25 },
  { id: 2, name: "Jane Smith", age: 30 },
  // 其他数据...
];

$(document).ready(function() {
  $("#grid").jqGrid({
    data: myData,
    datatype: "local",
    colModel: [
      { name: "id", label: "ID", width: 50 },
      { name: "name", label: "Name", width: 150 },
      { name: "age", label: "Age", width: 50 }
      // 其他列...
    ],
    pager: "#pager",
    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: "id",
    sortorder: "asc",
    viewrecords: true,
    gridview: true,
    autoencode: true,
    caption: "My Grid"
  });
});