問題タブ [react-data-grid]

反応データグリッドを使用してこの例を Typescript プロジェクトにコピーしようとしています。提供されたものと一致するように、次のクラスを作成しました....

しかし、実行しようとすると、

警告: React.createElement: タイプが無効です -- 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。 のレンダリング メソッドを確認してくださいPxGrid。

レンダーをこのようなものに置き換えると....

それは正常に動作します。私は何を間違えていますか？エラーメッセージはまったく役に立ちません。

反応データグリッド(アダズル)で、特定の列の背景色を特定の色にレンダリングしようとしています。

問題は、セルの周りにこの白いパディングを取得していることです:

この白いパディングを取り除くにはどうすればよいですか?

この例でフォーマッタが使用された方法に従っただけです。

http://adazzle.github.io/react-data-grid/examples.html#/custom-formatters

私のColumnFormatterは次のようになります:

そして、次のように列を設定しました：

react-data-grid (adazzle)を使用しており、テーブル ヘッダーのスタイルを調整したいと考えています。

次のように、テーブルの行の高さの約 2 倍になるようにヘッダーを調整します。

私は、HeaderRow コンポーネントからこれにアプローチすると推測しています。ただし、このコンポーネントのドキュメントがないため、この問題にさらにアプローチする方法がわかりません。