DataTable中根据某一个字段来改变本行格式
来源:互联网 发布:js在线编辑器 编辑:程序博客网 时间:2024/06/06 04:34
效果如图:
根据红色 字体这一列的数据,是到期日期,如果在一个月内到期的话,那么该行将会变成黄色显示,并且到期日期将会变成红色。
关于columns 和 columnDefs的区别,请看这篇
http://blog.csdn.net/beta_xiyan/article/details/76614992
代码如下:
"aoColumnDefs":[ {//第 14 列 到期日期(一开始写的13,因为数数一般会从0 开始...) "targets":13, createdCell: function(td, cellData, rowData) { var data = cellData if ((data+"").length>=8) { var data1 = data.substr(0,4)+"/"+data.substr(4,2)+"/"+data.substr(6,2) var da_1 = new Date(Date.parse(data1)); var da_2 = new Date(); if ((da_1-da_2)/1000/3600/24 < 30 && (da_1-da_2)/1000/3600/24 > 0) {//三天内到期 /*该行变色*/ $(td).parents('tr').css("background-color","yellow"); $(td).css("color","red"); } return data }else return data }, } ],
另外:
createdCell: function(nTd, sData, oData, iRow, iCol) 有五个参数,他们的意思分别是:
①,ntd 就是这个单元格对应table 中的《td》《/td》(此处使用英文尖括号会解析td)。
②,sData指 单元格中的数据,
③,oData指本行的数据,
至于 irow ,icol大概就是 行 和 列 了把,上述代码中没用到。
还有一个:
提到 createdCell 就不得不说一下 Render,也是在columnDefs中使用:
"aoColumnDefs":[ {//倒数第一列 "targets":-1, "bSortable": false, render: function(data, type, row) { var html ='<button class="btn btn-xs jfedit btn-danger" value="'+row.tcId+'">编辑</button> <button class="btn btn-xs btn-danger jfdelete" value="'+row.tcId+'">删除</button>'; return html; } },
不过,后者只能对数据进行渲染,不能对格式进行操作,而前者既可以对数据操作,又能对格式进行操作。
阅读全文
1 0
- DataTable中根据某一个字段来改变本行格式
- 根据某一个字段删除表中重复的记录
- List列表中根据某一个字段,进行去重!
- java中list里面存放map,根据map中的某一个字段进行排序
- java中list里面存放map,根据map中的某一个字段进行排序
- 根据数据库字段改变GridView中LinkButton的Text
- 替换字段中某一个字
- 同时修改某一个数据库中所有表的所有字段的编码格式(mysql)
- rest Serialzier 改变字段格式
- 根据日期统计某一个字段的在当天的总和
- PHP二维数组根据某一个字段进行排序
- GridView中TextBox失去焦点或文本改变时更新本行(获取本行某列的值)
- 根据DataTable和TChart来构造线行图
- date 中match插件是根据字段的日期格式,采用不同的格式进行转化
- DataGrid根据字段值改变DataGrid呈现
- HTTTP协议头中,添加某一个字段,获取返回数据中头信息的某一个字段。
- 同表两个字段二选一查询mysql中如何判断某一个字段是否存在某一个值
- Gridview绑定数据库的字段,根据条件字段颜色改变
- GPU对CNN计算的加速原理到底是怎样的?
- UrhoSharp Xamarin.Forms 开发入门
- spring boot 教程(五)使用JdbcTemplate访问数据库
- 【更难矩阵取数问题】51nod 1084 矩阵取数问题 V2
- SQL语法学习20170809
- DataTable中根据某一个字段来改变本行格式
- eclipse如何自动提示?
- 1992-函数指针
- dedecms调用二级栏目、子栏目的方法详解
- 自定义maven骨架
- JAVA CAS原理深度分析
- HDU 4549 M斐波那契数列 (矩阵快速幂+费马小定理)
- POJ1195-Mobile phones
- vue源码分析