jqgrid 表头筛选 前端进行过滤

jqGrid 提供了表头筛选（Header Filtering）的功能，可以在前端进行数据过滤。

实现方法如下：

1. 在 colModel 中设置 `searchoptions` 属性，将 `search` 属性设为 true，表示该列可进行筛选。

colModel: [
    {name: 'id', index: 'id', width: 50, searchoptions: {search: true}},
    {name: 'name', index: 'name', width: 100, searchoptions: {search: true}},
    {name: 'age', index: 'age', width: 80, align: "right", searchoptions: {search: true}},
    ...
]

2. 在 jqGrid 的 `toolbar` 中添加一个搜索框和一个搜索按钮。

$('#grid').jqGrid('filterToolbar', {
    stringResult: true,
    searchOnEnter: false,
    defaultSearch: "cn"
});

其中，`stringResult` 表示搜索结果以字符串形式返回，`searchOnEnter` 表示是否在敲击回车键时进行搜索，`defaultSearch` 表示搜索时使用的匹配方式，这里使用的是包含（cn）。

完成上述步骤后，就可以在 jqGrid 表格的表头中看到筛选框了，用户可以在筛选框中输入关键字进行筛选。

注意，这种方式进行的是前端过滤，所以只能对当前页面的数据进行筛选，如果需要对全部数据进行筛选，需要使用后端过滤。