jquery - 如何更改 JQuery.DataTable 中特定单元格的背景？

Question

我正在尝试更改 DattaTable 中某些特定单元格的样式，但我不确定该怎么做。我知道如何更改整个专栏，但这不是我需要的。 所以假设我的数据是这样的:

{
name: "user1",
gender : "f",
age: 54
},{
name: "user1",
gender : "m",
age: 33
}

在我的 table 上，我有

columns: [{ 
data: "name"
},{
data: "age"
}]

我想强调，比方说，蓝色案例性别=“m”或红色案例性别=“f”的年龄细胞。

有什么关于如何实现的建议吗？

谢谢!

Answer 1

您将使用 column configuration's createdCell function .

基本上，您需要为性别列添加一个列定义，其中包含一个将在填充单元格时调用的回调。尝试将此对象添加到您的列数组中:

    {
      data: "gender",
      createdCell: function(td, cellData, rowData, row, col){
        var color = (cellData === 'm') ? 'blue' : 'red';
        $(td).css('color', color);
      }
    }

Here is a working example.