使用D3或Angular重组表列

Question

你好Javascripters，

我在我的项目中使用Angular和D3（没有jQuery，我打算保持这种方式）。我想要支持的一件事是让用户能够使用＆＃39; raw＆＃39;表格数据。因此，CSV中的数据会加载到我的应用程序中，并显示在一个普通的老式表格中（目前使用Angulars ng-repeat）。但是，我现在希望能够动画表格中的列进行重组。因此，作为一个简单的例子，我将以编程方式想要将第2列切换为第4列，并且此转换必须与D3类似。此外，应该可以轻松地将整列拖到其他位置。

由于我在使用Angular指令中的jqLit​​e方面不是很有经验，所以我倾向于使用基于D3的解决方案。然后我可以看到两种可能的解决方案：

1. 使用D3附加功能渲染常规表中的所有数据。每当列顺序改变时，以某种方式重建表并创建平滑过渡。
2. 使用div和css模拟表格（虽然不期待），以便轻松重新定位数据。

由于这两种解决方案都非常微不足道（我想说），我真的希望得到一些意见。你有没有看到我的其他解决方案？如果这两种解决方案中的一种看起来适合您，那么您将如何实施它们呢？

提前致谢！