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

标签 javascript jquery datatables spotfire datatables-1.10

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 中制作了默认表,现在的问题是如何根据条件(如果数据 [2] > 10,则背景颜色为“红色”)为列中的值着色。我实例化错了吗?我如何让它工作?

最佳答案

您是否尝试过将 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 documentation .

关于javascript - 从 json 数据渲染表格后,如何根据 Datatables.js 中的条件为每个单元格着色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53757654/

相关文章:

javascript - 区 block 链如何隐藏其 HTML 源代码?

JavaScript 浏览器历史列表

javascript - 管理用于 HTML Canvas 的对数数组数据

javascript - 带有 HTML 的控制台终端

javascript - 想要在数据表中排序时触发自定义事件

javascript - 我需要了解良好的 javascript 才能使用 jquery 吗?

javascript - 单击列表的另一个按钮时切换文本

jquery - toggleClass() 在 IE11 中不起作用,但似乎在所有其他浏览器中都起作用

jquery - DataTables 插件 - 将按钮右对齐

ajax - Jquery UI 选项卡和数据表