React - ハンドソン可能なデータグリッド: 列の移動とステータスの更新

Question

私は React のライブラリを使用しており、ヘッダーのリスト (配列) と、反対側にテーブル データを含む配列があります。

ドキュメントを読んだ後、「左に列を追加」および「右に列を追加」オプションを追加したメニューを有効にすることができましたが、これは視覚的にのみ行われ、React 状態のタイトルは更新されませんでした。

2つの方法を試してみました。 2 番目の方法は「カスタム ドロップダウン構成」です。列を手動で追加し、手動で実行できるメソッド「updateSettings」を使用してタイトルを更新しましたが、まだ機能しません(機能する場合もあれば、他の場所にある場合もあります。列を追加)。

ああああ

Answer 1

私は次の方法でこのタスクを完了しました:

リーリー

重要なのは、これまで気づかなかったのですが、列を移動するときは、テーブル ヘッダーのステータスが更新されないことに加えて、テーブル データも更新する必要があるということです。そこで、js 関数を実装しました。情報を移動するには (moveColumnTable)

リーリー

重要な注意: 単一の列を移動するためにこの関数を実装しました