angular的ng-grid使用中遇到的一些坑

表格下方会出现滚动条解决方式:一般是给.ng-row设置了border,把左右border去掉即可
2表格需要增加一个大标题列解决方式:在gridOptions中设置 showGroupPanel:true,并且window.ngGrid.i18n['en'] =
 { ngGroupPanelDescription: '线下数据源-电核任务' };重新赋值即可
3设置斑马条css中设置  .ngRow.odd{background: #cde8ff; }
4设置下bordercss中设置  .ngCell{border-bottom:1px solid #d4d4d4;}
5  增加搜索功能解决方式:在gridOptions中设置showFilter:true,
6给特定的一列增加样式或者效果解决方式:在gridOptions -- > columnDefs -->中设置cellClass:'noCenter',然后给这个类名增加样式就可以了
7获取指定的一行使用row作为参数进行传参,使用他上面的方法和属性(在grid表格加载完之后才可以使用)
8出现错误Cannot set property 'gridDim' of undefined1.在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>'
161.出现了使用ng-grid的多选showSelectionCheckbox这个属性和表格错开一列的问题?因为使用了data-ng-include这个指令,会创建一个dom元素,最后使表格增加一行空白列,也不能删,因为是angular的ng-grid自动生成的,所以只能找到当前的那个复选框,进行位置的位移。而且表头的多选框和表身的多选框的class命不一样,所以要相应的进行更改

具体的row的属性:查看下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值