改变数据表中任意单元格的颜色

Question

我有一个数据表。这是我得到的结果的简化版本：

$('#dt_list').html( '<table cellpadding="0" cellspacing="0" border="1" class="content" id="test"></table>' );

$('#test').dataTable( {
    "bAutoWidth": true
    "aaData": [ 'val1', 'val2', 'val3' ],
    "aoColumns": [ 'col1', 'col2', 'col3' ],

});

...stuff here..

<div id='dt_list'></div>

JavaScript 数组是由 Python 脚本根据从 MySQL 数据库中提取的值生成的（否则是无关紧要的，但我只是想确保阅读本文的人知道我' m 在 JavaScript 之外动态生成内容数组）。

正如我所说，该表上显示的数据是 MySQL 查询的结果，然后由 Python 处理并输出到 Python 生成的页面中的 JavaScript 中。

我的 Python 代码中的逻辑不仅可以确定单元格中包含哪些值，还可以确定单元格是否需要突出显示（通过单元格的背景颜色）。我的问题是，如何任意更改某些 DataTable 单元格的颜色？

由于我的大部分逻辑都在 Python 中，因此我实际上不需要 JavaScript 中任何非常奇特或优雅的评估，我只需要 JavaScript 中的某种方式来操作单元格的 CSS 属性或以其他方式指示不同的颜色。

我研究过 fnRender，这似乎是我最大的希望。然而，我目前的两个问题是（a）我无法找到一种方法来从 fnRender 函数内操纵颜色（它似乎更有针对性地操纵内容本身）和（b）我不确定如何我可以让 fnRender 了解 Python 操作的结果，以确定是否需要特殊着色。

我有什么遗漏的吗？或者也许我只需要重新思考我该如何处理这个问题？理想情况下，我想要一个解决方案，不涉及重新设计我这样做的方式，但如果必须的话，我会改变生成数据或传递数据的方式。我正在修改一些现有代码，并且不想弄乱现有设计，而是采用最短、最简单的路径将其表列表输出转换为 DataTables，其中一部分是生成某些具有修改颜色的单元格。

Answer 1

您的“fnRender”回调可以返回用标记或

（或其他）包裹的单元格内容。然后，您可以使用 fnDrawCallback 函数查找这些元素并使用类标记父 元素。