0

我在角度数据表（角度数据表）中的列重新排序有一些问题，

请看一下：angular-datatable column draggable out of the table，以更好地理解问题。

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

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

所以尝试与 angular-datatable 结合，你可以在这里找到它 angular-dataTable Integration

我使用第一个 plunker 集成角度数据表的步骤：

在 index.html 中

  • < script src="http://code.jquery.com/jquery-1.10.1.min.js" />

  • < script src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" />

  • < script src="http://code.angularjs.org/1.2.11/angular.js" />

  • < script src="http://l-lin.github.io/angular-datatables/dist/angular-datatables.min.js" />

datatables在 DI 中添加

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

datatable="ng"在 tabletemplate.html 中添加 

<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 控制台中看到错误。无法找出问题所在。

4

0 回答 0