React-table 中的自定义 "Previous" & "Next" 文本

Question

有没有办法自定义react-table页脚部分的文本？

我正在尝试自定义那里的默认文本。提前致谢。

Answer 1

根据此处的文档 react-table，可以使用 columns 属性的 Footer 属性将自定义页脚添加到 table组件的。

但是，如果你想更改 Previous 和 Next 文本，如屏幕截图所示，我会说你必须更改 nextText和prevText主要ReactTable组件的道具，更多可以在这里看到in the props documentation

Answer 2

所以在查看文档后，我所做的只是将自定义文本定义为 ReactTable 的 props。

<ReacTable 
   previousText={myCustomPreviousText}
   nextText={myCustomNextText}
   {...}
/>

Answer 3

除了其他答案中提到的 previousText 和 nextText 道具外，React Table 还支持使用 PreviousComponent 和 NextComponent 道具的自定义组件

（来自 the docs）

Custom "Previous" & "Next" text in react-table