javascript - jQuery DataTables fnCreatedCell 未被调用

Question

我想根据单元格的值更改单元格的文本颜色。但是，当我向表中添加数据时，fnCreatedCell 函数没有被调用。

考虑到我成功地使用了 fnCreatedRow，这很奇怪。但是，这只能为整行着色，这不是所需的功能。

我可以看到后一个函数的类型为“Callback”，而 fnCreatedCell 的类型为“Columns”。所以我假设我不能像 fnCreatedRow 那样使用 fnCreatedCell，但我该如何使用它呢？

代码如下:

$(document).ready(function() {
        $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display cell-border"  id="example" ></table>');

        t = $('#example').DataTable({
            "columns": 
            [
                {"title": "c1", "data": "c1" },
                {"title": "c2", "data": "c2" },
            ],

            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) 
            {
                console.log(sData, cData, 'TEST'); // not being done
                if (sData > 30) 
                {
                    $(nTd).css('color', 'blue')
                }
            }
        });        
    });

Answer 1

“'Columns'的类型”意味着它是 columns/columnDefs 结构的一部分，即你有一个 fnCreatedCell(从 1.10.x 开始，您可以将其命名为 createdCell)用于每个单独的列。示例:

t = $('#example').DataTable({
    "columns": [
       {"title": "c1", "data": "c1" },
       {"title": "c2", 
        "data": "c2",
        "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
            console.log(sData, cData, 'TEST'); // not being done
            if (sData > 30) {
                $(nTd).css('color', 'blue')
            }
         }
       }
    ] 
});