Jquery Datatables Ajax 方法 - 设置单元格类答案

【问题标题】：Jquery Datatables Ajax method - set cell classJquery Datatables Ajax 方法 - 设置单元格类
【发布时间】：2013-10-30 01:37:48
【问题描述】：

我在任何地方都找不到此功能。当使用DataTables排序/分页的PHP服务器处理时，是否可以向表中的列添加一个类？因为 PHP 脚本只返回单元格数据，而不是任何设置。例子：我有一个正值或负值的列。我想在内部数字为正数时突出显示单元格为绿色，如果为负数则突出显示为红色。我使用 AJAX 源代码演示中也使用的标准文件

这是我的初始化：

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "../server_side/scripts/server_processing.php"
    } );
} );

PHP 输出返回一个 JSON 字符串，由一个 PHP 数组组成，像这样（生成的 JSON）：

{
  "sEcho":1,
  "iTotalRecords":"3",
  "iTotalDisplayRecords":"3",
  "aaData":[{ "0":"1 Oct 2013","1"=>"-9999","2"=>"11111"  }]
}

我需要为 -9999 到红色和 11111 到绿色的类设置一个类。有什么想法吗？

【问题讨论】：

标签： jquery ajax datatables

【解决方案1】：

http://datatables.net/examples/advanced_init/row_callback.html

您为 fnRowCallback 编写了一个自定义函数，并检查您感兴趣的单元格索引集，如果数字是正数或负数。然后，您可以用您的自定义 html 替换单元格内容。

所以，在你的情况下，它会是：

    "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
                /* Append the grade to the default row class name */
                if ( aData[1] > 0)
                {
                    $('td:eq(1)', nRow).html( "<span class='green'>" + $('td:eq(1)', nRow).html() + "</span>" );
                } else {
                   //set to red
                }
                // do the same for td[2]
                return nRow;
            },

【讨论】：

谢谢你的提示，我会检查一下
实际上，我可以在 PHP 代码中更改 HTML，因为我可以在那里生成它，但我想在 TD 中添加一个类，这可以通过 thix 函数实现。谢谢！