jquery - jqGrid:将 HTML 表格转换为网格时启用分页

Question

一直在谷歌搜索如何将 html 表转换为可分页和可排序的内容，我偶然发现了 jqGrid jquery 插件。到目前为止，我了解到我们必须调用 tableToGrid() 来转换表(我们将其作为 jquery 选择器字符串传递给该方法)。我还尝试了许多其他事情，例如:

tableToGrid('#GridView1');

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

但是所有这些都没有给我提供正确的结果。当我们将html表格转换为网格时可以分页吗？

Answer 1

你应该尝试

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

您还可以添加更多 jqGrid 选项作为 tableToGrid 的第二个参数。您还可以在转换后获得对 jqGrid 的 colModel 的引用

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;
    }
}