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

时间:2017-03-27 21:24:07

标签: javascript reactjs npm sass

我正在为可反应的表创建分页。使用itemsPerPagepageButtonLimit在文档中明确说明添加分页功能:

<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操作答案。