Как изменить цвет границы отдельной строки в реагирующей таблице - PullRequest
0 голосов
/ 24 сентября 2019

Я знаю, как изменить цвет фона строки в ReactTable объекте (код ниже).

Как изменить цвет границы строки (не граница всей таблицы)?Я попытался заменить background в приведенном ниже коде на border-color, или borderColor, или border, и ни один из этих вариантов не работает - либо я получаю сообщение об ошибке, либо ничего не происходит, когда он компилируется.

getTrProps={(state, rowInfo, column) => {
    if(rowInfo) {
        return {
            style: {
                background: "blue"
            }
        };
    }
    return {}; 
}

1 Ответ

1 голос
/ 24 сентября 2019

Как это:

getTrProps = (state, rowInfo, instance) => {
    if (rowInfo) {
      return {
        style: {
          border: rowInfo
            ? rowInfo.row.age >= 20
              ? "solid 1px black"
              : "none"
            : "none"
        }
      };
    }
    return {};
  };

Рабочий пример: https://codesandbox.io/s/react-table-gettrprops-ijgzy

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...