css - 如何在react-table中添加淡入淡出效果？

Question

在加载、过滤、排序数据时， 我们如何在react-table中添加淡入淡出效果？

react 表来源:https://www.npmjs.com/package/react-table

Answer 1

您可以根据加载、过滤状态有条件地添加className值，以设置表格样式。

类似的东西:

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

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