jqGrid显示隐藏按钮navGrid inlineNav

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

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

$(document).ready(function () {
    $("#grid").jqGrid({
        url: 'your-data-url', // 数据源 URL
        editurl: 'your-edit-url', // 编辑数据的 URL
        datatype: "json",
        colNames: ['列1', '列2', '列3'],
        colModel: [
            { name: 'col1', index: 'col1', width: 100 },
            { name: 'col2', index: 'col2', width: 100 },
            { name: 'col3', index: 'fig', width: 100, editable: true }
        ],
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: '#pager',
        sortname: 'col1',
        viewrecords: true,
        sortorder: "asc",
        caption: "jqGrid 示例"
    });

    // 配置 navGrid
    $("#grid").jqGrid('navGrid', '#pager',
        { edit: true, add: true, del: true, search: true, refresh: true },
        { // 编辑选项
            zIndex: 100,
            url: 'your-edit-url',
            closeAfterEdit: true
        },
        { // 添加选项
            zIndex: 100,
            url: 'your-add-url',
            closeAfterAdd: true
        },
        { // 删除选项
            zIndex: 100,
            url: 'your-delete-url',
            closeAfterDel: true
        },
        { // 搜索选项
            zIndex: 100
        },
        { // 刷新选项
            zIndex: 100
        }
    );

    // 配置 inlineNav
    $("#grid").jqGrid('inlineNav', '#pager',
        {
            edit: true,
            add: true,
            del: true,
            addParams: { position: "first" },
            editParams: { position: "first" },
            delParams: { position: "first" }
        });
});