将指令添加到ng-grid生成的元素

Question

使用ng-grid，我开发了一个简单的应用程序来在UI中呈现Excel工作表。我希望字段（表格标题）可以拖动，这样我就可以在运行时将它们放到一些箱子里，有点像 - this。唯一的区别是，这里我将拖动excel列标题。

我无法弄清楚如何将指令“draggable”添加到ng-grid生成的内容中。

P.S。每个列标题都必须有自己的“可拖动”，以便我可以唯一标识列号/名称

角度代码如下：

var sth = {"excelData" : [{"Name":"Rohan","Id":"1001.0","Salary":"50000.0","Age":"25.0"},{"Name":"Rohit","Id":"1002.0","Salary":"60000.0","Age":"24.0"},{"Name":"Rahul","Id":"1003.0","Salary":"55000.0","Age":"29.0"},{"Name":"okay bye","Id":"1004.0","Salary":"88214.0","Age":"32.0"}]};
        $scope.myData = sth.excelData;
        $scope.gridOptions = { data: 'myData' };

在我的HTML中，我使用：

<div class="gridStyle" ng-grid="gridOptions">
</div>

此处，姓名，身份证明，薪资，年龄，所有人都应该独立且可单独拖动。

P.S。给定静态json只是为了理解。它在运行时生成，可能非常庞大。