angular的ng-grid使用中遇到的一些坑
| 1 | 表格下方会出现滚动条 | 解决方式：一般是给.ng-row设置了border，把左右border去掉即可 |
| 2 | 表格需要增加一个大标题列 | 解决方式：在gridOptions中设置 showGroupPanel:true,并且window.ngGrid.i18n['en'] = { ngGroupPanelDescription: '线下数据源-电核任务' };重新赋值即可 |
| 3 | 设置斑马条 | css中设置 .ngRow.odd{background: #cde8ff; } |
| 4 | 设置下border | css中设置 .ngCell{border-bottom:1px solid #d4d4d4;} |
| 5 | 增加搜索功能 | 解决方式：在gridOptions中设置showFilter:true, |
| 6 | 给特定的一列增加样式或者效果 | 解决方式：在gridOptions -- > columnDefs -->中设置cellClass:'noCenter',然后给这个类名增加样式就可以了 |
| 7 | 获取指定的一行 | 使用row作为参数进行传参，使用他上面的方法和属性（在grid表格加载完之后才可以使用） |
| 8 | 出现错误Cannot set property 'gridDim' of undefined | 1.在js中没有对$scope.gridOptions进行定义配置，2.浏览器缓存，重新打开 |
| 9 | 死活不出现数据，不报错 | 不能把ng-controller写在自己身上，要写在其父亲身上 |
| 10 | 更改每一列的边框 | .ngFooterPanel {border-top: 1px solid transparent;} |
| 11 | 更改每一行的border | .ngHeaderScroller{ border-bottom: 1px solid #253B4B;} |
| 12 | 去掉total这一行 | .ngTotalSelectContainer{display: none; } |
| 13 | 复选框的出现 | showSelectionCheckbox:'true'，但是注意不能写enableRowSelection:false,否则第一个选择框不出现 |
| 14 | 更改表格的序号 | {field:'id',displayName:'序号', cellTemplate:' <div><span ng-cell-text>{{row.rowIndex}}</span></div>' }, |
| 15 | 从后台获取的数据，根据属性选择是否选中哪一行 | checkboxCellTemplate:'<div><input type="checkbox" ng-checked="{{row.entity.checked}}"></div>' |
| 16 | 1.出现了使用ng-grid的多选showSelectionCheckbox这个属性和表格错开一列的问题？ | 因为使用了data-ng-include这个指令，会创建一个dom元素，最后使表格增加一行空白列，也不能删，因为是angular的ng-grid自动生成的，所以只能找到当前的那个复选框，进行位置的位移。而且表头的多选框和表身的多选框的class命不一样，所以要相应的进行更改 |
具体的row的属性：查看下
图