WpDataTables 条件格式

Question

我正在尝试为这种条件格式找到解决方案。 当“已安装”列为“是”时，我希望单元格“硬盘”变为绿色。 有什么想法？ 非常感谢！

没有条件格式的示例：

条件格式示例：

Answer 1

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

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

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

Answer 2

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

基本上这并不容易 - 这是你需要做什么的提示：

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

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