热门标签 | 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使用中遇到的一些坑


推荐阅读
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • 本文介绍了在Mac上搭建php环境后无法使用localhost连接mysql的问题,并通过将localhost替换为127.0.0.1或本机IP解决了该问题。文章解释了localhost和127.0.0.1的区别,指出了使用socket方式连接导致连接失败的原因。此外,还提供了相关链接供读者深入了解。 ... [详细]
  • 本文介绍了一个在线急等问题解决方法,即如何统计数据库中某个字段下的所有数据,并将结果显示在文本框里。作者提到了自己是一个菜鸟,希望能够得到帮助。作者使用的是ACCESS数据库,并且给出了一个例子,希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句,得到的结果是650,但不知道如何得到560。希望能够得到解决方案。 ... [详细]
  • 单页面应用 VS 多页面应用的区别和适用场景
    本文主要介绍了单页面应用(SPA)和多页面应用(MPA)的区别和适用场景。单页面应用只有一个主页面,所有内容都包含在主页面中,页面切换快但需要做相关的调优;多页面应用有多个独立的页面,每个页面都要加载相关资源,页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • 本文总结了在编写JS代码时,不同浏览器间的兼容性差异,并提供了相应的解决方法。其中包括阻止默认事件的代码示例和猎取兄弟节点的函数。这些方法可以帮助开发者在不同浏览器上实现一致的功能。 ... [详细]
  • 如何优化Webpack打包后的代码分割
    本文介绍了如何通过优化Webpack的代码分割来减小打包后的文件大小。主要包括拆分业务逻辑代码和引入第三方包的代码、配置Webpack插件、异步代码的处理、代码分割重命名、配置vendors和cacheGroups等方面的内容。通过合理配置和优化,可以有效减小打包后的文件大小,提高应用的加载速度。 ... [详细]
  • {moduleinfo:{card_count:[{count_phone:1,count:1}],search_count:[{count_phone:4 ... [详细]
  • PHP中的curl_multi系列函数可以实现同时请求多个URL来实现并发,而不是像普通curl函数那样请求后会阻塞,直到结果返回才进行下一个请求。因此在批量请求URL时可通过curl_multi系列函数提升程序的运行效率。curl普通请求$startT ... [详细]
  • 【爬虫】关于企业信用信息公示系统加速乐最新反爬虫机制
    ( ̄▽ ̄)~又得半夜修仙了,作为一个爬虫小白,花了3天时间写好的程序,才跑了一个月目标网站就更新了,是有点悲催,还是要只有一天的时间重构。升级后网站的层次结构并没有太多变化,表面上 ... [详细]
  • 关于extjs开发实战pdf的信息
    本文目录一览:1、extjs实用开发指南2、本 ... [详细]
  • UsingPMA-2.5.2-rc2onPHP-4.1.2andnothavingDROPTABLEprivilege,whenI-sel ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 本文详细介绍了MySQL表分区的创建、增加和删除方法,包括查看分区数据量和全库数据量的方法。欢迎大家阅读并给予点评。 ... [详细]
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社区 版权所有