jqGrid添加新列

Question

我发现在jQuery的jqGrid插件中我可以动态添加行，但是我可以对列做同样的事情吗？ 如果有一个简单的表我宁愿手动手动执行此操作，但jqGrid会将表信息存储在很多div中。

Answer 1

无法动态地向jqGrid添加列。 您必须使用colModel重新创建整个网colModel ，其中包含更多列。 如果使用单独的colNames ，则必须增加数组的大小。 例如，您可以使用GridDestroy来销毁现有网格。 也可以使用jQuery.Remove或jQuery.Empty 。

更新 ：在我看来， GridUnload更适合你的东西。 我创建了一个小型演示 ，演示了如何重新创建网格。 为了能够使用GridUnload或GridDestroy，您必须验证在项目中是否包含grid.custom.js（如果使用jqGrid的开发者版本），或者在jqGrid下载页面上选中了“自定义”“添加方法”。

更新2 ：可以使用addColumn方法，可以从这里下载（参见jQuery.jqGrid.addColumn.js ）。 该方法仍处于测试阶段。 人们可以找到一些演示展示了如何使用方法在这里 （见addColumnX.htm例子）。

Answer 2

只是用

$("#gridid").jqGrid('GridUnload');

它将完全卸载网格，并准备再次使用新列和数据加载。

Answer 3

rownumbers：true，和rownumWidth：25（默认）

Answer 4

您只需设置新列模型并重新加载网格：

var newColModel = $("#myGrid").jqGrid("getGridParam", "colModel").concat({ /* new column attributes */ });
$("#myGrid").jqGrid("setGridParam", {colModel: newColModel}).trigger("reloadGrid");