問題タブ [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.

0 投票する
1 に答える
1277 参照

reactjs - 反応テーブルにローカライズ用の API はありますか?

私はreactjsアプリを持っていて、そこでreact-tableを使用しています。テーブル ボタンのテキスト (「次へ」、「ページ x/y」など) は英語であり、ローカライズするオプションはありませんでした。このための API はありますか? それとも、要素をフックして自分で実装する必要がありますか?

0 投票する
3 に答える
31794 参照

css - 列の CSS を変更する方法 - ReactTable

アプリケーションで反応テーブルを使用しています。

列のサイズ変更中に をCSS変更するという 1 つのことをすることに行き詰まっています。columns

現在resize、列のみcursorが変更される場合。私が欲しいのは、に追加borderすることselected columnです。

SOこれも何度も探しましgoogleた。しかし、有用なものは見つかりませんでした。また、ドキュメントでも、このトピックについては何も言及されていません。

アップデート

サイズ変更中に列をドラッグしながら境界線を追加できるようになりました。クラスを追加および削除することで、これを行うことができます。

そのために私がしたこと:

className の状態で var を作成しました:

私の列にこのクラス名を渡しました:

ドラッグ終了時にクラスを削除するには:

しかし、ホバー時に境界線を追加することはまだできません。

今、ヘッダーの小道具でカスタム HTML を送信しています。私のHTMLでは、追加のdivを作成しました。そして、このdivを右に移動しました。そして、この div にカーソルを合わせると、マウス イベントが発行され、それに応じて CSS が変更されます。

しかし、列のサイズ変更を担当するヘッダーの既存の div は、私の Div と重なっています。