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

Question

我有一个通过ajax加载数据的表。各栏如下：

姓名:电子邮件: Delivery_date

现在我要按交货日期订购数据。因此，我希望对那些具有相同交付日期的行进行颜色化，以便能够区分具有相同交付日期的行。

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

Answer 1

您可以使用行创建回调实现这一点，您所需要的只是构建函数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'})