如何完全删除noDataText?

时间:2018-11-05 18:18:25

标签: reactjs react-table

当我将其设为空字符串时,例如

noDataText=' '

...它仍然显示一个空矩形(class = rt-noData)。 当然,“假”无济于事。

什么可行?

1 个答案:

答案 0 :(得分:2)

react-table允许您覆盖某些内部组件,因此可以用呈现NoDataComponent的组件替换默认的null。可以全局或按实例覆盖该组件。

全局替代:

import { ReactTableDefaults } from 'react-table';

const NullComponent = () => null;
Object.assign(ReactTableDefaults, { NoDataComponent: NullComponent });

实例替代:

const NullComponent = () => null;

<ReactTable
  NoDataComponent={NullComponent}
  ... 
/>