Форматировать цвет текста ячейки - PullRequest
Новая
       5

Форматировать цвет текста ячейки

0 голосов
/ 06 октября 2018

Этот форматировщик столбцов отлично устанавливает цвет фона, но тогда я вообще не вижу текст

function truthFormatter(cell, formatterParams, onRendered) {
    var cellValue = cell.getValue();
    var cellElement = cell.getElement();
    if (cellValue == "T") {
    cellElement.style.backgroundColor = "#0000B3";
    cellElement.style.color = "#FFFFFF";
    }
    else if (cellValue == "F") {
    cellElement.style.backgroundColor = "#B30000";
    cellElement.style.color = "#FFFFFF";
    }
}

Инспектор стилей Chrome в одной из этих ячеек предполагает, что все должно быть в порядке: 

element.style {
    width: 40px;
    text-align: center;
    background-color: rgb(0, 0, 179);
    color: rgb(255, 255, 255);
    height: 25px;
}

Я получаю то же поведение в автономной тестовой конфигурации - никаких другихПрименен CSS.

Кроме того, текст в ячейках, к которым форматер не должен применяться, не виден - даже при том, что проверка стилей здесь также выглядит хорошо: 

element.style {
    width: 151px;
    text-align: right;
    color: rgb(0, 0, 0);
    height: 32px;
}

Ссылкак скриншоту таблицы как обработанной

Ссылка на визуализацию без форматера

1 Ответ

0 голосов
/ 07 октября 2018

Ваша строка из: 

cellElement.style.color = "#FFFFFF";

Должно работать нормально, я провел несколько тестов, и это работает до конца.

Я бы предложил использовать инспектор браузера, чтобы увидеть, что такое CSSпереопределяя его.

Вы также не возвращаете значение ячейки в модуле форматирования, поэтому ничего не будет отображаться внутри ячейки.

вам нужно добавить эту строку в нижней части вашегофункция форматирования 

return cell.getValue();
...