Условное форматирование wpDataTables

#javascript #wordpress #datatable #formatting #conditional

#javascript #wordpress #datatable #форматирование #условные операторы

Вопрос:

Я пытаюсь найти решение для этого условного форматирования. Когда в столбце «УСТАНОВЛЕНО» указано «ДА», я бы хотел, чтобы ячейка «ЖЕСТКИЙ ДИСК» стала зеленой. Есть идея? Большое спасибо!

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

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

Комментарии:

1. На данный момент понятия не имею…

Ответ №1:

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

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

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

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

Ответ №2:

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

Тогда в CSS вы могли бы найти простое решение.

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