javascript - 如何更改 react 表中单行的边框颜色

Question

我知道如何更改 ReactTable 对象(下面的代码)中一行的背景颜色。

如何更改行的边框的颜色(不是整个表格的边框)？我尝试将下面代码中的 background 替换为 border-color，或 borderColor，或 border，但都没有这些选项中的一个有效 - 要么我收到错误，要么在编译时什么也没有发生。

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

Answer 1

像这样:

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