WpDataTables条件格式

Question

我正在尝试为此条件格式设置找到解决方案。 当“INSTALLED”列为“YES”时，我希望单元格“HARD DISK”变为绿色。 有些想法？ 非常感谢！

没有条件格式的示例：

条件格式的示例：

Answer 1

要了解条件格式是如何实现的，我建议查看assets / js / wpdatatables / wpdatatables.js

基本上这并不容易 - 这是你需要做的事情的暗示：

挂钩到页面上的wpDataTables.table_1.api（）对象的.draw（）或.row（）回调（在内联脚本或单独的.js文件中）：

• 检查第三列的值（是/否）;
• 根据是/否值为第二列应用CSS类（例如“绿色”或“红色”;
• 为“.green”和“.red”类添加CSS规则 - 将背景颜色设置为红色和绿色。

Answer 2

一个可能的解决方案是，如果安装的值为yes，则应用行CSS规则;如果HD不为空，则应用单元格CSS规则。

然后在CSS中你可以找到一个简单的解决方法。

.row-yourclass .cell-yourclass2 {
    background-color: green;
}