从 json 数据渲染表格后，如何根据 Datatables.js 中的条件为每个单元格着色？

Question

var dataset = [];
var columns = sfdata.columns

sfdata.data.forEach(function (item,index) {
    var n2 = item.items
    dataset.push(n2)
});

$(document).ready(function() {
    $('#example').DataTable({
        data: dataset,
        columns: [
            { title: "index" },
            { title: "Name" }

        ]
    });
});

所以我在 Spotfire 中制作了默认表，现在的问题是如何根据（如果 data[2] > 10 则背景颜色为“红色”）等条件为列中的值着色。我实例化它是错误的吗？我怎样才能让它发挥作用？

Answer 1

您是否尝试过添加createdRow到DataTable()调用中？

$("#example").DataTable({
  "data": dataset,
  "columns": [
    { "title": "index" },
    { "title": "Name" }
  ],
  "createdRow": (row, data, dataIndex) => {
    if(data[2] >  10)
    {
      $(row).addClass("redClass");
    }
  }
});

在 CSS 中：

.redClass
{
  background-color: red;
}

这直接来自DataTables 文档。