#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;
}