jqGrid中文文档之选项设置

首先需要说明一下，jqGrid是一款 jQuery 插件，它提供了灵活、易用的数据表格功能。

标题设置

caption

caption 选项可以用来设置表格上方的标题文字，例如：

$("#jqGrid").jqGrid({
    caption: "员工信息列表",
    ...
});

colNames

colNames 选项可以用来设置表格列头的文字，例如：

$("#jqGrid").jqGrid({
    colNames: ["编号", "姓名", "年龄", "性别", "工资"],
    ...
});

分页设置

rowNum

rowNum 选项可以用来设置每页显示的行数，例如：

$("#jqGrid").jqGrid({
    rowNum: 10, // 每页显示 10 行
    ...
});

rowList

rowList 选项可以用来设置下拉框中的可选行数值，例如：

$("#jqGrid").jqGrid({
    rowList: [10, 20, 30], // 下拉框可选值为 10、20、30
    ...
});

示例说明

以下是一个完整的 jqGrid 初始化代码示例：

$(document).ready(function () {
    $("#jqGrid").jqGrid({
        url: "data.php",
        datatype: "json",
        mtype: "GET",
        colNames: ["编号", "姓名", "年龄", "性别", "工资"],
        colModel: [
            { name: "id", index: "id", width: 55 },
            { name: "name", index: "name", width: 90 },
            { name: "age", index: "age", width: 65 },
            { name: "sex", index: "sex", width: 50 },
            { name: "salary", index: "salary", width: 70 },
        ],
        rowNum: 10,
        rowList: [10, 20, 30],
        caption: "员工信息列表",
        pager: "#jqGridPager",
    });
});

以上代码中，表格的列头文字使用了 colNames 选项，每页显示 10 行并设置了可选值为 10、20、30 ，同时还设置了一个标题 caption: "员工信息列表"。

另外，还需要注意它所使用的数据来源，其中 url、datatype、mtype 等选项可能需要根据具体情况进行调整或修改。