Question

我有一个表格，通过ajax加载数据。列如下：

姓名|电子邮件| Delivery_date

现在我按交货日期订购数据。所以我想为那些具有相同交货日期的行着色，以便可以区分具有相同交货日期的行。

ps-我正在使用数据表服务器端处理来动态加载数据

Answer 1

你可以用row created callback实现这一点，你需要的只是构建你的函数dateToOddOrEvenCssClass，它将日期转换为css类（假设我们只有两个选项用于奇数和偶数日期）：

$(document).ready(function() {
    $('#example').dataTable( {
        "createdRow": function ( row, data, index ) {
            $('td', row).eq(2).addClass( dateToOddOrEvenCssClass( data[2] ) ); //.eq(2) and data[2], 2 stands for Delivery_date column
        }
    } );
} );

更新1。

如果奇怪或甚至解决方案不适合你可以实现你想要的任何东西（我建议奇怪或甚至因为你没有提供有关着色逻辑的细节），但你从日期生成颜色并添加颜色作为你的细胞的风格，如：

$('td', row).eq(2).css( 'background-color', dateToColor( data[2] ) );

只需要实现dateToColor功能。

Answer 2

您可以使用JQuery：

$("td:contains('<specific_date>')").parent().css({'background':'blue'})

如何使用ajax加载的数据向表中添加css样式

2 个答案: