记录jqGrid分组功能的一些坑

还是公司魔改的jqGrid，这次在用jqgrid的grouping分组功能时候遇到了一些问题，如下：

1、rownumbers显示序号为true时，页面无反应，序号列不出现。

2、在列的自定义格式化中，如果动态添加html片段，ng-click事件无反应。

3、表头和表格数据无法对齐，列越多，这种状况越恶劣。

 

网上资料太少，撸了一遍源码。。。。

首先去找buildColMenu方法。就是根据配置的参数创建表头菜单。

在方法里找到了这个

意思是你开启了表格分组，那么grid的序号列就变false了，覆盖了你最初的true，这也可以解释第一个问题。

百度的资料，然后再看addJSONData方法，毕竟是添加数据的核心方法。。。。

这也说明了为什么设置为true之后，不能使用treeGrid，subGrid或者afterInsertRow事件。

其实我如果不用分组功能的话，第二个问题是不存在的，所以肯定是没有执行afterInsertRow方法引起的，看下这个方法写了什么

动态生成的html片段，最终又用angular的$compile重新编译了，所以能用到angular的事件！而分组功能没有用到afterInsertRow，所以动态生成的html片段无法用到ng事件。

其实这个问题的原理网上我已经搜过，只不过看了源码更加确定了一些。

第三个问题的话，因为样式用到了box-sizing: border-box;

这几个问题都涉及到公司框架的源码jar，没法改动，所以用了trick解决了。