angular的ng-grid使用中遇到的一些坑
来源:互联网 发布:希捷同步软件 编辑:程序博客网 时间:2024/05/17 22:55
1 表格下方会出现滚动条解决方式:一般是给.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命不一样,所以要相应的进行更改
{ 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的属性:查看下
图
阅读全文
1 0
- angular的ng-grid使用中遇到的一些坑
- angular中ng-include失效的原因
- angular ng-show中表达式的写法
- Angular JS ng-app使用的注意事项
- angular中ng-bind和ng-model的区别
- angular中ng-bind和ng-model的区别
- angular的ng-options
- Angular.js中ng-if、ng-show和ng-hide的区别介绍
- 关于Ext.grid.EditorGridPanel使用中遇到的问题
- angular $http get post使用过程中遇到的错误
- Angular的一些坑
- angular中如何使用ng-class实现当前元素的变色
- angular在一个页面中使用两个ng-app的方法
- angular在一个页面中使用两个ng-app的方法(二)
- 关于angular表单提交中ng-submit的默认使用方式
- 【Angular】ng-disabled的用法;
- angular ng的内置过滤器
- 《我的Angular入坑记》——ng-options的使用
- Java菜鸟学习日记35
- bandit 算法资料大全
- 特定数量的商品如何在高并发下进行库存锁定 ?
- checkbox的全选
- 用户认证
- angular的ng-grid使用中遇到的一些坑
- oracle 数据库提高查询的方法
- 题目描述:给定一个字符串,求出其所有可能的字符组合. 比如:abc 其所有组合是:a,b,c,ab,ac,bc,abc
- Space的使用
- 【深入理解计算机系统01】不同层级程序指令间的转换
- 搭建虚拟机Hadoop环境时ssh遇到port 22:No route to host解决办法
- 查看本机ip
- 数学笔记——导数4(反函数的导数)
- Android 检测正在运行的service