問題タブ [fixed-data-table]

React で FixedDataTableを作成するチュートリアルに従っています。ただし、jsx ファイルで次の行を機能させるにはいくつかの問題があります。

エラーが発生します（Chromeで）：

キャッチされていない SyntaxError: 予期しないトークン {

browserifyとreactifyを使用して、jsx コードを javascript に変換しています。使用している他の行は正常に動作する必要があります。

私は JavaScript と React にまったく慣れていないので、問題を解決するための提案をいただければ幸いです。

私は固定データテーブルのサンプルを動作させようとしています:

しかし、webpack を実行すると、このエラーがスローされ続けます。

webpack は {rowIndex, ...props} を不適切な形式のオブジェクトと見なしていると思いますが、次にどこに行けばよいかわかりません。

ここに私のwebpack.configがあります：

ここに固定データテーブルの例があります:

https://github.com/facebook/fixed-data-table/blob/master/examples/FilterExample.js

しかし、私はそれを理解するのに苦労しています。

ES5 で Fixed Data Table に関するコードをいくつか書きました。「フィルタリング」の例をコードに追加したいと思います。しかし、その例は ES6 です。

ES6 を ES5 に変換する方法を教えてください。

これが私のコードです：

プロジェクトで Fixed Data Grid を使用しています。

https://facebook.github.io/fixed-data-table/example-sort.html

csv と pdf のレポートを取りたいです。グリッドデータを直接 pdf または csv にエクスポートできますか? または、datagrid のデータ プロバイダー (JSON 配列) で csv および pdf レポートを取得するにはどうすればよいですか?

React.js を使用してデータグリッド プロジェクトでページネーションを使用する必要があります。

Fixed Data Table を使用していますが、ES5 でページネーションを行う最善の方法を知る必要があります (特に ES5)。

固定データ テーブルのリンクは次のとおりです。

https://facebook.github.io/fixed-data-table/

React.js（ES5を使用）でページネーションの例を表示できますか、またはどのように行うことができますか?

プロジェクトで固定データ テーブルを試しています。

しかし、並べ替えに問題があります。

ここでは、この例を使用しています: https://github.com/facebook/fixed-data-table/blob/master/examples/old/SortExample.js

降順または昇順でソートされます。しかし、私はそれについて問題があります。

たとえば、最初に名前で並べ替えると、この並べ替えられた配列が表示されます。

id:2 名前:メアリー

id:4 名前:メアリー

id:5 名前:メアリー

id:1 name:アンナ

id:3 name:アンナ

それは問題ありませんが、もう一度名前 desc で並べ替えると、結果が表示されます。

id:4 名前:メアリー

id:2 名前:メアリー

id:5 名前:メアリー

id:3 name:アンナ

id:1 name:アンナ

名前で並べ替えますが、問題は次のとおりです。同じ値のインデックスを変更します。たとえば、(id:4 name:Mary) を最初の行に移動します。

しかし、最初に並べ替えたとき、(id:2 name:Mary) が届きました。

同じ値のインデックスを変更するのはなぜですか?

ソート方法に問題はありますか？

編集:ここに私の完全なコードがあります:

固定データ テーブルの並べ替えに問題があります。この例を使用しようとしました: https://github.com/facebook/fixed-data-table/blob/master/examples/old/SortExample.js

最初に名前の降順で並べ替えると、正常に並べ替えられ、最初の 2 行が次の値になります。

id:11 名前:メアリー

id:1 名前:メアリー

....

その後、名前の昇順で並べ替え、もう一度名前の降順で並べ替えました。

最初の 2 つの列に次の値が表示されます。

id:1 名前:メアリー

id:11 名前:メアリー

....

同じ名前の値のインデックスを変更するのはなぜですか? (id:11 と id:1)

毎回同じソート インデックスが必要です。何が問題で、どうすれば解決できますか?

Fixed-Data-Tableのインスタンスを設定するとともに、ES6でReactJSを学習しようとしています。github リポジトリの ObjectDataExample の例を使用していますが、DataListStore に供給される faker() 値の代わりに、リモート JSON リソースからキャッシュを取得する DataListStore を使用したいと考えています。これは、DataListStore を定義した方法です。

ご覧のとおり、fixed-data-table の例で提供されている FakeObjectDataListStore に従っています。JSON は適切に取得され、_cache にはオブジェクトの配列が取り込まれます。getRemoteData が実行された後に getSize を出力すると、_cache のサイズが取得されます。ただし、データがフェッチされたら、fixed-data-table Table コンポーネントをどのように更新する必要があるかわかりません。現在、テーブルはレンダリングされていますが、行のない単純な空白です。

主な問題は、非同期呼び出しからのデータが MyDataListStore に入力された後、テーブルにデータを入力するためのコードがないことだと思います。ただし、Fixed-Data-Table github リポジトリまたはドキュメントに記載されている例からは何の助けも見つかりません。これを行う方法はありますか？ある種のイベントリスナーをセットアップする必要があると思いますが、ReactJS と Fixed-Data-Table の両方にまだ慣れていないため、どこでどのようにこれを行うべきかわかりません。

編集:ページが読み込まれると、次のエラーが表示されることも追加する必要があります: Uncaught TypeError: Cannot read property 'id' of undefined once I set the initial this.size to more than 0. したがって、もちろんテーブルはそうではありません最初のロード時に利用可能なデータを持っています。

編集 2:これをさらに調べた後、ObjectDataExample の componentDidMount でフェッチを実行し、this.setState(); を使用すると、次のようになります。dataList オブジェクトをリセットするには、テーブルを更新します。ただし、これは少し面倒なので、MyDataListStore オブジェクトから直接これを行うより良い方法があると思います。

ありがとう、

でページネーションを実装する方法はfixed-data-table?

でページネーションを実装したいfixed-data-table。ドキュメントによると、高さを設定しvisible zoneて、行を表示するために計算できるようにする必要があります。

それを行う方法はありますか？トリッキーな方法も大歓迎です。どうも。