Question

我在使用angular-datatable（angular-datatables）中的列重新排序时遇到了一些问题，

请查看：angular-datatable column draggable out of the table，为了更好地理解这个问题。

所以我能够找到一个简单的拖放/列重新排序指令，它完全符合我的要求。

链接： ColumnReordering （这有整齐的拖放/列重新排序实现）

因此尝试与angular-datatable结合使用，您可以在此处找到它 angular-dataTable Integration

我使用第一个plunker来整合angular-datatable的步骤：

在index.html中

＆LT; script src =＆＃34; http：//code.jquery.com/jquery-1.10.1.min.js" /＆GT;
＆LT; script src =＆＃34; // cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" /＆GT;
＆LT; script src =＆＃34; http：//code.angularjs.org/1.2.11/angular.js" /＆GT;
＆LT; script src =＆＃34; http：//l-lin.github.io/angular-datatables/dist/angular-datatables.min.js" /＆GT;

在DI中添加datatables

angular.module('myApp', ['datatables'] );

在tabletemplate.html

中添加了datatable="ng"

<table   datatable="ng" class="acttable" border="1">
    <thead>
      <th style="cursor:move" draggable drag="handleDrag"  dragData="{{hd}}" dragImage="{{dragImageId}}" droppable drop="handleDrop" ng-repeat="hd in conf.heads"><span>{{hd}}</span>
      </th>
    </thead>
    <tbody>
      <tr ng-repeat="data in conf.myData">
        <td ng-repeat="d in conf.heads"><span>{{data[d]}}</span>
        </td>
      </tr>
    </tbody>
  </table>

问题是否正在进行列重新排序，但没有datatable个功能影响，可以在Web控制台中看到错误。无法弄清楚问题。

将angular-datatable与拖放指令

0 个答案: