有没有办法使用可反应库自定义分页

Question

我正在为可反应的表格创建分页。添加分页功能在文档中明确说明，使用itemsPerPage 和pageButtonLimit：

<Table className="table" data={[
    { Name: 'Griffin Smith', Age: '18' },
    { Age: '23',  Name: 'Lee Salminen' },
    { Age: '28', Position: 'Developer' },
    { Name: 'Griffin Smith', Age: '18' },
    { Age: '30',  Name: 'Test Person' },
    { Name: 'Another Test', Age: '26', Position: 'Developer' },
    { Name: 'Third Test', Age: '19', Position: 'Salesperson' },
    { Age: '23',  Name: 'End of this Page', Position: 'CEO' },
]} itemsPerPage={4} pageButtonLimit={5} />

但是，分页的挑战在于，能够自定义分页容器的外观。我正在使用以下类reactable-pagination 来自定义分页容器。但是，这非常具有挑战性，因为它会影响表格的外观。

我查看了以下 GitHub 问题，但它似乎没有解决我的问题。 Make it possible to style pagination

我正在使用 React 和 Sass，所以请不要回复 jQuery DOM 操作答案。

Answer 1

这是我对问题https://github.com/glittershark/reactable/issues/4#issuecomment-289592348的回复

这是我坚持上课的地方的差异 https://github.com/glittershark/reactable/commit/8e3b32c9fde776628f4caf84160f410a682cff10