我在使用angular-datatable(angular-datatables)中的列重新排序时遇到了一些问题,
请查看:angular-datatable column draggable out of the table, 为了更好地理解这个问题。
所以我能够找到一个简单的拖放/列重新排序指令,它完全符合我的要求。
链接: ColumnReordering (这有整齐的拖放/列重新排序实现)
因此尝试与angular-datatable结合使用,您可以在此处找到它 angular-dataTable Integration
我使用第一个plunker来整合angular-datatable的步骤:
在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" />
在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控制台中看到错误。
无法弄清楚问题。