AngularJS Datatable：応答が機能しない

Question

angular-datatablesとresponsive tableを使用していますが、「反応しない」のような表のように見えません。

モジュール：

(function() 
{ 
    'use strict'; 

    angular 
     .module('app.myapp',['datatables']) 
     .config(config); 

    function config($stateProvider) 
    { 
     $stateProvider.state('app.myapp', { 
      url  : '/', 
      views : { 
       'content@app': { 
        templateUrl: 'app/main/myapp.html', 
        controller : 'MyController as vm' 
       } 
      } 
     }); 
    } 
})(); 

コントローラー：

(function() 
{ 
'use strict'; 

angular 
    .module('app.myapp') 
    .controller('MyController', MyController); 

function MyController(DTColumnBuilder, DTOptionsBuilder) 
{ 
    var vm = this; 

    vm.dtOptions = DTOptionsBuilder.newOptions() 
     .withOption('ajax', { 
      url: '/rest/getfoo', 
      type: 'POST', 
      dataSrc: "data", 
     }) 
     .withOption('processing', true) 
     .withOption('serverSide', true) 
     .withOption('responsive', true) 
     .withPaginationType('full_numbers') 
     .withDisplayLength(20); 

    vm.dtColumns = []; 
    } 
})(); 

テンプレート：DataTableの応答リソースがロードされている

<table datatable class="dataTable row-border hover responsive nowrap" 
    dt-options="vm.dtOptions" 
    dt-columns="vm.dtColumns" 
    width="100%" 
    cellspacing="0"> 
</table> 

：

<link rel="stylesheet" href="../bower_components/datatables/media/css/jquery.dataTables.css"> 
<script src="../bower_components/datatables-responsive/js/dataTables.responsive.js"></script> 

私のデータテーブルが応答しないのはなぜですか？

Answer 1

あなたは、応答性のソースコードを含める必要があります。

datatables.net-responsive 
datatables.net-responsive-dt 

最新バージョンをあなたができる亭で、2.1.1です：今

bower install datatables.net-responsive#2.1.1 --save 
bower install datatables.net-responsive-dt#2.1.1 --save 

.withOption('responsive', true)は動作するはずです。他の多くのプラグインとは異なり、プラグインを機能させるために必要な依存関係はありません。