热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

angular的nggrid使用中遇到的一些坑

表格下方会出现滚动条 解决方式:一般是给.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:'
{{row.rowIndex}}
' },
15 从后台获取的数据,根据属性选择是否选中哪一行 checkboxCellTemplate:'
'
16 1.出现了使用ng-grid的多选showSelectionCheckbox这个属性和表格错开一列的问题? 因为使用了data-ng-include这个指令,会创建一个dom元素,最后使表格增加一行空白列,也不能删,因为是angular的ng-grid自动生成的,所以只能找到当前的那个复选框,进行位置的位移。而且表头的多选框和表身的多选框的class命不一样,所以要相应的进行更改

具体的row的属性:查看下

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


推荐阅读
  • com.sun.javadoc.PackageDoc.exceptions()方法的使用及代码示例 ... [详细]
  • Webdriver中元素定位的多种技术与策略
    在Webdriver中,元素定位是自动化测试的关键环节。本文详细介绍了8种常用的元素定位技术与策略,包括ID、名称、标签名、类名、链接文本、部分链接文本、XPath和CSS选择器。每种方法都有其独特的优势和适用场景,通过合理选择和组合使用,可以显著提高测试脚本的稳定性和效率。此外,文章还探讨了在复杂页面结构中如何灵活运用这些定位技术,以应对各种挑战。 ... [详细]
  • 在.NET框架中,DataFormatString用于对数据进行格式化显示。常见的格式化方式包括:数字格式(如“{0:N2}”表示保留两位小数的数字,结果为12.36),整数格式(如“{0:N0}”表示四舍五入到最接近的整数,结果为13),货币格式(如“{0:c2}”表示带有货币符号并保留两位小数,结果为$12.36),以及高精度货币格式(如“{0:c4}”表示带有货币符号并保留四位小数,结果为$12.3656)。这些格式化选项能够帮助开发者更灵活地控制数据的显示效果。 ... [详细]
  • [c++基础]STL
    cppfig15_10.cppincludeincludeusingnamespacestd;templatevoidprintVector(constvector&integer ... [详细]
  • 使用jqTransform插件美化表单
    jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • [转]doc,ppt,xls文件格式转PDF格式http:blog.csdn.netlee353086articledetails7920355确实好用。需要注意的是#import ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • CentOS 7 中 iptables 过滤表实例与 NAT 表应用详解
    在 CentOS 7 系统中,iptables 的过滤表和 NAT 表具有重要的应用价值。本文通过具体实例详细介绍了如何配置 iptables 的过滤表,包括编写脚本文件 `/usr/local/sbin/iptables.sh`,并使用 `iptables -F` 清空现有规则。此外,还深入探讨了 NAT 表的配置方法,帮助读者更好地理解和应用这些网络防火墙技术。 ... [详细]
  • 在软件开发过程中,经常需要将多个项目或模块进行集成和调试,尤其是当项目依赖于第三方开源库(如Cordova、CocoaPods)时。本文介绍了如何在Xcode中高效地进行多项目联合调试,分享了一些实用的技巧和最佳实践,帮助开发者解决常见的调试难题,提高开发效率。 ... [详细]
  • 如何在PHP中获取数组中特定元素的索引位置
    在PHP中获取数组中特定元素的索引位置有多种方法。首先,可以使用 `array_search()` 函数,其语法为 `array_search(目标值, $array)`,该函数将返回匹配元素的第一个键名(即下标)。其次,也可以利用 `array_keys()` 函数,通过 `array_keys($array, 目标值)` 语法来获取所有匹配元素的键名列表。这两种方法都能有效解决数组元素定位的问题,具体选择取决于实际需求和性能考虑。 ... [详细]
  • 在尝试对 QQmlPropertyMap 类进行测试驱动开发时,发现其派生类中无法正常调用槽函数或 Q_INVOKABLE 方法。这可能是由于 QQmlPropertyMap 的内部实现机制导致的,需要进一步研究以找到解决方案。 ... [详细]
  • 优化Vite 1.0至2.0升级过程中遇到的某些代码块过大问题解决方案
    本文详细探讨了在将项目从 Vite 1.0 升级到 2.0 的过程中,如何解决某些代码块过大的问题。通过具体的编码示例,文章提供了全面的解决方案,帮助开发者有效优化打包性能。 ... [详细]
  • 本文详细介绍了在MySQL中如何高效利用EXPLAIN命令进行查询优化。通过实例解析和步骤说明,文章旨在帮助读者深入理解EXPLAIN命令的工作原理及其在性能调优中的应用,内容通俗易懂且结构清晰,适合各水平的数据库管理员和技术人员参考学习。 ... [详细]
  • Unity3D 中 AsyncOperation 实现异步场景加载及进度显示优化技巧
    在Unity3D中,通过使用`AsyncOperation`可以实现高效的异步场景加载,并结合进度条显示来提升用户体验。本文详细介绍了如何利用`AsyncOperation`进行异步加载,并提供了优化技巧,包括进度条的动态更新和加载过程中的性能优化方法。此外,还探讨了如何处理加载过程中可能出现的异常情况,确保加载过程的稳定性和可靠性。 ... [详细]
author-avatar
mobiledu2502869373
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有