Question

我试图改变DattaTable中某些特定单元格的样式，但我不知道该怎么做。我知道如何改变整个专栏，但这不是我需要的。所以，让我们说我的数据就像：

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

在我的表格中，我有

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

我想强调一下，蓝色情况下的年龄细胞性别=＆＃34; m＆＃34;或红色案例性别=＆＃34; f＆＃34;。

关于如何实现这一目标的任何建议？

谢谢！

Answer 1

您可以使用column configuration's createdCell function。

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

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

Here is a working example.

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

1 个答案: