問題タブ [react-table]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - react-table または react-bootstrap-table で行コンポーネントを指定することは可能ですか?
プロジェクト内の多くのテーブルを、bootstrap 4 でスタイル設定された単純な HTML テーブルから、react-tableまたはが提供するようなより洗練されたソリューションに移行中react-bootstrap-tableです。
問題は、私がこのコンポーネントで見たものから、行の内容をカスタマイズしたい場合、たとえば、各行に「詳細」ボタンを指定したい場合は、列コンポーネントを介して（セル参照)。
反応ブートストラップ テーブル: https://allenfang.github.io/react-bootstrap-table/example.html#column-format
反応テーブル: https://github.com/react-tools/react-table#custom-cell-header-and-footer-rendering
私が知りたいのは、行全体のレンダリングを一元化するコンポーネントを作成できるかどうかです (例: <TableRow />) ?
これが可能であれば、移行ははるかに簡単になります。
また、これら 2 つのライブラリについても質問しています。どちらも使いやすく、非常に成熟しており、テーブル コンポーネントで探している機能を備えているからです。そのため、必要なものが 1 つあれば、他のライブラリよりも確実にそのライブラリを選択します。
reactjs - 反応テーブルのホバーされた行を強調表示する
ホバーされたテーブル行を強調表示する --highlight className でreact-tableを使用しています。強調表示された行の css をカスタマイズしたいのですが、適切なクラスが見つからなかったため、オーバーライドする必要があります。何か助けはありますか？