Как добавить эффект затухания в реагирующую таблицу?

Вы можете использовать логическое свойство loading, представленное в таблица реакций, а также вместо этого предоставить пользовательское свойство LoadingComponent с эффектом постепенного появления и/или исчезновения CSS:

Пример базового использования

<ReactTable
  data = {this.state.data}
  columns = {this.state.columns}
  loading = {this.state.loading}
  LoadingComponent = {YourFadeComponent}
/>

Также вы можете заменить любой из этих компонентов в качестве реквизита, если вам нужен более тонкий подход:

  TheadComponent: component,
  TbodyComponent: component,
  TrGroupComponent: component,
  TrComponent: component,
  ThComponent: component,
  TdComponent: component,
  TfootComponent: component,
  ExpanderComponent: component,
  AggregatedComponent: component,
  PivotValueComponent: component,
  PivotComponent: component,
  FilterComponent: component,
  PaginationComponent: component,
  PreviousComponent: undefined,
  NextComponent: undefined,
  LoadingComponent: component,
  NoDataComponent: component,
  ResizerComponent: component

Вы можете условно добавить значение className в соответствии с состоянием loading, filtering, чтобы стилизовать таблицу.

Что-то такое:

// Conditionally add `--is-filtering` css className
<ReactTable className = {isFiltering ? '--is-filtering' : ''} data = {data} />

// Basic Fade css styling
.--is-filtering {
  opacity: 0.5;
}