私の MVC 4 (Razor) プロジェクトには、次の機能を備えたグリッドが必要です。
1. DIV 要素をグリッドにドラッグ アンド ドロップして、グリッドに列を動的に追加する: 最初は、空のグリッド (列のないテーブル) になります。外部 DIV 要素をテーブルにドラッグ アンド ドロップできるはずで、DIV 要素のテキストを含む列がグリッドに追加されます。たとえば、「アイテム番号」というテキストを含む DIV をページの別の部分からグリッドにドラッグ アンド ドロップすると、グリッドに「アイテム番号」というヘッダーが追加された新しい列が表示されます。次に、「アイテムの説明」というテキストを含む別の外部 DIV をグリッドにドラッグ アンド ドロップすると、新しいグリッド列「アイテムの説明」が前の列に追加されます。
2. グリッド列の削除: グリッド列 をグリッドから削除できるはずです (たとえば、列ヘッダーの X アイコンをクリックするか、その他の方法で)。
3. グリッド列の再配置: 列ヘッダーを新しい場所にドラッグ アンド ドロップすることで、グリッド列を再配置できるはずです。
次のように、いくつかのサードパーティのグリッド コントロールを調べました。
SyncFusion Essential Grid : 列を追加および削除する組み込み機能 (機能 1 および 2) は見つかりませんでしたが、列の再配置は可能です (機能 3)。
DevExpress Grid : どの機能も提供していないように見えますが、Microsoft Outlook の場合と同様に、列のカスタマイズ (フィールド チューザー) への/からの単純なドラッグ アンド ドロップが可能です。
Infragistics Data Grid: すぐに使える 3 つの機能のいずれも提供していないようです
私の質問は、上記の機能を最小限のコードで提供できるサードパーティのグリッド コントロールを知っている人はいますか? それとも、これを実現するには、独自の jQuery でプレーンな HTML テーブルを使用する方がよいと思いますか? 私はすでに後者のアプローチを試し、機能 2 と 3 を実装することができましたが、ユーザーがドロップするとすぐに最後の列の右側に列を追加する機能が必要な機能 1 に苦労しています。テーブル内のどこでも DIV。
助言がありますか？