DataTable中根据某一个字段来改变本行格式

最新推荐文章于 2026-05-18 08:42:47 发布

原创

最新推荐文章于 2026-05-18 08:42:47 发布 · 1.3k 阅读

标签

#datatable #字体 #数据

收录于

本文展示了如何在DataTable中，根据某列（如到期日期）的数据，若在一个月内到期，将整行设置为黄色背景并高亮显示日期。文章详细解释了`createdCell`函数的五个参数含义，以及它与`Render`的区别，`createdCell`能同时操作数据和格式，而`Render`只能处理数据。

效果如图：
这里写图片描述

根据红色字体这一列的数据，是到期日期，如果在一个月内到期的话，那么该行将会变成黄色显示，并且到期日期将会变成红色。

关于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));