根据数据ajax数据表放置一个类答案

【问题标题】：Put a class depending on the data ajax datatables根据数据ajax数据表放置一个类
【发布时间】：2015-07-26 13:23:24
【问题描述】：

我搜索了很多，我非常确定它可以轻松完成，但我找不到方法。所以我使用 jQuery DataTables 并且我正在尝试生成一个类并根据我收到的值执行一些 javascript 操作。例如，当单位为负数时放置红色背景等简单的事情。我已经为此创建了我的 CSS，现在我正在通过 DataTables 的 ajax 参数加载一个 JSON 文件。这是我的javascript：

     table = $('#activitiesTable').DataTable({
            "ajax": "data.txt",
            "columns": [
                { "data": "id" },
                { "data": "description" },
                { "data": "type_of_expenditure" },
                { "data": "real_cost" }
            ]
        });

我知道在列参数中，您可以通过在json中调用“className”来设置一个类，但我不确定如何通过比较变量来生成一个类。例如，我想这样做：

      "columns": [
            {
               "data" : "id",
               "className": (data.id < 0 ? "negative" : "positive"))
            } 
       ]

不确定是否可以通过这种方式完成？或者，如果我每次启动 ajax 调用时都必须检查 jQuery，但我觉得它可以很容易地在那里初始化......

【问题讨论】：

标签： jquery ajax json jquery-datatables

【解决方案1】：

我发现你可以这样使用它：

                 { 
                    "data": "forcast_profit_loss",
                    "createdCell": function (td, cellData, rowData, row, col) {
                      if ( cellData < 0 ) {
                        $(td).addClass('number number-negative');
                        $(td).text(cellData.substr(1));
                      }
                      else{
                        $(td).addClass('number number-positive');
                      }
                    }
                }

您可以在此处找到有关它的参考资料：https://datatables.net/reference/option/columns.createdCell

【讨论】：