2017-03-27 5 views
0

反応可能なテーブルのページングを作成しています。ページネーション機能を追加する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操作の回答では応答しないでください。

答えて

0
+0

立ち往生どこの差分である問題に対する私の回答ですが、これはまだPR、およびでないライブラリの一部として統合され、あなたがやりましたノードモジュールのモジュールを直接オーバーライドしますか?このような場合は、将来どのようにライブラリの更新を処理しますか?また、私はブートストラップではなく、ファンデーションを使用しています。 – eagercoder

+0

私はそれをフォークし、フォークに変更をコミットし、フォークを私の 'package.json'に持ってきました:' 'reactable ':" github:kevincolten/reactable#8e3b32c "' – kevincolten

関連する問題