jqGrid：在将 HTML 表格转换为网格时启用分页

Question

一直在谷歌搜索如何将 html 表转换为可分页和可排序的内容，我偶然发现了 jqGrid jquery 插件。到目前为止，我了解到我们必须调用

tableToGrid()

来转换表（我们将其作为 jquery 选择器字符串传递给方法）。我还尝试了许多其他事情，例如：

tableToGrid('#GridView1');

$('#GridView1').jqGrid({
    rowNum: 10,
    pager: '#pager',
    rowList: [10,20,30]
});

但是所有这些都没有给我提供正确的结果。 html表格转换成grid可以分页吗

Answer 1

你应该尝试一下

tableToGrid('#GridView1', {
    rowNum: 10,
    pager: '#pager',
    rowList: [10,20,30]
});

您还可以添加更多jqGrid选项作为

tableToGrid

的第二个参数。您还可以在 转换后获得 jqGrid 的 colModel

 的 

reference

var cm = myGrid.getGridParam("colModel");

然后修改柱模型的一些参数。

更新：例如使用以下代码，您可以将某些列数据设置为

edittype: "select"

。

for (var i = 0, l=cm.length; i < l; i += 1) {
    var colModelColumn = cm[i];
    // search for the clolumn with the name colModelColumnName.
    // variables colModelColumnName and selectedOptions are defined
    // in another code fragment above this one
    if (colModelColumn.name === colModelColumnName) {
        jQuery.extend(colModelColumn, { edittype: "select",
                                        editoptions: { value: selectedOptions }});
        break;
    }
}