0

angular-datatable( angular-datatables )での列の並べ替えに問題があります。

質問をよりよく理解するために、 : angular-datatable column draggable out of the table をご覧ください。

したがって、私が望んでいたことを正確に実行する単純なドラッグドロップ/列の並べ替えディレクティブを見つけることができました。

リンク: ColumnReordering (これにはきちんとしたドラッグドロップ/列の並べ替えの実装があります)

そこで、ここで見つけることができる angular-datatable と結合しようとしました angular-dataTable Integration

angular-datatableを統合するために最初のプランカーで行った手順：

index.html 内

  • < スクリプト src="http://code.jquery.com/jquery-1.10.1.min.js" />

  • < スクリプト src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" />

  • < スクリプト src="http://code.angularjs.org/1.2.11/angular.js" />

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

datatablesDIに追加

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