WpDataTables условное форматирование

Question

Я пытаюсь найти решение для этого условного форматирования. Когда столбец «INSTALLED» равен «YES», я хочу, чтобы ячейка «HARD DISK» стала зеленой. Некоторые идеи? Большое спасибо!

Пример без условного форматирования:

Пример с условным форматированием:

Answer 1

Чтобы получить представление о том, как условное форматирование реализуется Я предлагаю смотреть в активы/JS/wpdatatables/wpdatatables.js

В принципе, это не совсем легко - это намек на то, что вам нужно будет сделать:

Крюк в любой .draw() или .row() обратного вызова объекта wpDataTables.table_1.api() на странице (в инлайн скрипте или в отдельном файле .js):

• Проверить для значение третьего столбца (да/нет);
• Применить класс CSS для второго столбца на основе значения да/нет (например, «зеленый» или «красный»;
• Добавить правила CSS для классов «.green» и «.red» - цвет на красный и зеленый.

Answer 2

Возможным решением является применение правила строки CSS, если значение установлено в yes, а затем правило ячейки CSS, если HD не пуст.

тогда в CSS вы могли бы найти легкое обходное решение.

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