问具有动态列添加、删除和重排功能的MVC网格

EN

我的MVC 4 (Razor)项目需要具有以下功能的网格：

1.通过将DIV元素拖放到网格中来动态地向网格添加列：最初将是一个空网格(无列表)。我应该能够将一个外部DIV元素拖放到表中，并将一个列添加到带有DIV元素文本的网格中。例如，我应该能够将带有文本“项目号”的DIV从页面的另一部分拖放到网格中，网格将显示一个新列，其中添加了标题“项目号”。接下来，当我拖放另一个带有文本“项描述”的外部DIV到网格时，一个新的网格列'Item Description‘将被添加到上一列中。

2.删除网格列：i应该能够从网格中删除网格列(e.g.by单击列标题处的X图标，或通过其他方式)

3.重新排列网格列：I应该能够通过将列标题拖放到新位置来重新排列网格列。

我探索了一些第三方网格控件，如下所示：

SyncFusion本质网格：我找不到任何内置的功能来添加和删除列(特性1和2)，但是它确实提供了列的重新排列(特性3)。

DevExpress网格：似乎没有提供任何特性，但是允许简单的拖放到/从列自定义(字段选择器)，就像在Microsoft中一样。

不碎片数据网格:似乎没有提供任何现成的3项功能

我的问题是，是否有人知道第三方网格控件，它可以提供上述功能的mimimum代码(如果不是开箱即用)？或者，您认为使用普通的HTML表和您自己的jQuery来实现这一点更好吗？我已经尝试了后一种方法，并且能够实现特性2和3，但是我有点挣扎于特性1，我需要在上一列的右侧添加列的能力，只要用户在表中的任何地方删除DIV。

有什么建议吗？