DatatablesとReact,Redux,Material-UIを組みあせたい

Question

前提・実現したいこと

React-Reduxで構築しているアプリにDatatablesを組み込みたいと思っています。
また、見た目の部分に関してはMaterial-UIを活用したいと考えています。

この場合は、

• 「material-ui-datatables」をnpmでインストールしてdatatableを構築してからReduxを組み込む
• 「react-redux-datatable」をnpmでインストールしてdatatableを構築してからmaterial-uiを組み込むほうがいいのか

どちらの方法がいいのでしょうか？

また、前者の方法はなんとなく見当がつくのですが
後者の方は、すでにスタイルとしてBootstrapが割り当てられておりmaterial-uiへの変更は見当がつきません...

どなかた教えていただけないでしょうか...？
よろしくお願いいたします。

Answer 1

material-ui-datatables、react-redux-datatableともに使ったことないですが、fixed-data-table-2を使ってmaterial-ui上に乗せたことがあります。

material-ui-datatablesの場合はUIがmaterial-uiに準拠しているようですね。
なので、ドキュメント通りに組み込めば良いと思います。

react-redux-datatableはredux機能がメインなので、cssでデザインを調整しているようですね。
なので、material-uiに合わせるとなる、結構トリッキーなことをやらないと行けないですね。

fixed-data-table-2はreact-redux-datatableよりな感じです。
自分はstyled-componentsでcssを組み込んで、material-uiのテーマに対応できるように工夫しました。

また、見た目の部分に関してはMaterial-UIを活用したいと考えています。

とのことなので、material-ui-datatablesを使ってreduxに対応させるほうが近道な気がします。