Изменить стиль React-Table по умолчанию

Question

У меня есть таблица реагирования, в каждой строке есть стрелка, которая при щелчке расширяется в подкомпонент другой таблицы реакции.

Я хочу изменить цвет этой стрелки, а также переместить еена правой стороне колонны, если это возможно.Кто-нибудь знает, возможно ли это и как это сделать?Я приложил изображение кода для таблицы, а также то, как она выглядит в данный момент.Спасибо за любую помощь!

Пример кода

Answer 1

Это возможно при использовании Custom Expander .Вы можете просто определить свой столбец следующим образом:

columns: [
  // other columns...,
  {
    expander: true,
    Header: () => <strong>More</strong>,
    width: 65,
    Expander: ({ isExpanded, ...rest }) =>
      <div>
        {isExpanded
          ? <span>&#x2299;</span>
          : <span>&#x2295;</span>}
      </div>,
    style: {
      cursor: "pointer",
      fontSize: 25,
      padding: "0",
      textAlign: "center",
      userSelect: "none",
      color: "green"
    },
    Footer: () => <span>&hearts;</span>
  }
]