columnDefs: [
{field: 'collegename', enableFiltering: false ,width:"12%",displayName:"学院" },
{field: 'effect',enableFiltering: false ,cellTemplate:'<td ng-repeat="t in row.entity.effect" ><span class="btn btn-primary btn-xs" title="详情">{{t.course}}</span><div class="relative"><div class="popover" ng-style="{display: t.popover?\'block\':\'none\'}"><div class="popover-content">学科名称:{{t.course}}<br>学科类别:{{t.coursetype}}<br>学年学期:{{t.time}} </div></div></div></td>',
displayName:"预测关联挂科学科名称,专业类别和学年学期",
cellClass:'out'/*,cellClass:"blue"*/},
{field: 'cause', enableFiltering: false ,cellTemplate:'<table class="table"><tr ng-repeat="t in row.entity.cause"><td>{{t.course}}</td><td>{{t.coursetype}}</td><td>{{t.time}}</td></tr></table>',displayName:"挂科学科名称,专业类别和学年学期"/*,cellClass:"red"*/},
{field: 'support', enableFiltering: false,width:"8%",cellTemplate:'<label class="control-label">{{(row.entity.support*100).toFixed(2)}}%</label>',displayName:"挂科学科占比"},
{field: 'zconf',width:"8%", enableFiltering: false,cellTemplate:'<label class="">{{(row.entity.zconf*100).toFixed(2)}}%</label>',displayName:"挂科关联度", }
],

  第二列的的样式就是,当鼠标停留在标签上时,就会触发ng-mouseenter事件,显示出具体信息,这里比较重要的就是在celltemplate中单引号和双引号的使用,以及ng-style的样式

ng-style="{display: t.popover?\'block\':\'none\'}"。

具体的angularjs uigrid API以及demo在网址http://ui-grid.info/,以及angularjs的一些简单应用,网址http://showcase.ngnice.com/#/table/local

最新文章

  1. BZOJ1120 : [POI2009]STR
  2. cmd中用PING命令时,出现&#39;Ping&#39; 不是内部或外部命令 解决方案
  3. openal-1.13 静态编译(mingw32)
  4. 获取当前html标签自定义属性的值
  5. iOS-UIViewController视图控制器跳转界面的几种常用方法
  6. ubuntu下c/c++开发环境配置
  7. WEB安全性测试测试用例(基础)
  8. HOW MYSQL USES INTERNAL TEMPORARY TABLES
  9. SqlDependency缓存数据库表小案例
  10. 10分钟 教你学会Linux/Unix下的vi文本编辑器
  11. 微信jssdk批量展示卡包中的卡券
  12. Git上手指南
  13. Android平台调用Web Service:演示样例
  14. HDU 4067 Random Maze
  15. Java中String的split()方法的一些需要注意的地方
  16. 参加IMWebConf 2017 前端开发者大会是什么体验?
  17. [国嵌笔记][010][TFTP与NFS服务器配置]
  18. javascript中的add(1)(2)(3)(4)是怎么实现的
  19. web页面font-family显示
  20. 通过jQuery Ajax使用FormData对象上传文件 (转载)

热门文章

  1. [转载]关于shell脚本的基本语法
  2. Hibernate3 第二天
  3. java导出生成csv文件
  4. 关于JAVA中split方法使用竖线异常的问题
  5. git 本地给远程仓库创建分支 三步法
  6. [UWP小白日记-14]正则表达式
  7. Jmeter之基本介绍
  8. Shell 脚本计算时间差
  9. shrio初体验(1)
  10. java操作mongodb——连接数据库