2016-04-12 14 views
0

応答しませんangularjsのDataTableのは、私は、角度のDataTableで働いている、と私は状態に持って

enter image description here

を私は例えば、いくつかの他の状態にアクセスする場合:#/app/configurations/filieres私のDataTableがページ全体に展開しません:私は#/app/configurations/formationsにアクセスするときの時間が、これは、それがどのように見えるかです

enter image description here

と、この動作は、自分のアプリケーション内のすべての私のDataTableのために残っているので、私はデータテーブルがページ全体に拡大するためにページを更新することは常に持っています。

これは私がすべての私のDataTableを構築する方法である:

var vm = this; 

    vm.dtOptions = DTOptionsBuilder.fromSource("http://localhost:8080/diplomes") 
     .withPaginationType('full_numbers') 
     .withBootstrap() 
     // Active Responsive plugin 
     .withOption('responsive', false) 
     .withOption('initComplete', function(settings) { 
     // Recompiling so we can bind Angular directive to the DT 
     $compile(angular.element('#' + settings.sTableId).contents())($scope); 
     }); 
    vm.dtColumns = [ 
     DTColumnBuilder.newColumn('codeDiplome').withTitle('ID Diplome'), 
     DTColumnBuilder.newColumn('nom').withTitle('NOM Diplome'), 
     DTColumnBuilder.newColumn(null).withTitle('Actions').notSortable() 
     .renderWith(function(data, type, full, meta) { 
      if (true) { 
       return '<button class="btn btn-bl btn-success btn-ef btn-ef-5 btn-ef-5b mb-10" ng-click="openEditModal('+data.codeDiplome+')"><i class="fa fa-edit"></i> <span>'+$scope.update+'</span></button>&nbsp;' 
       + '<button class="btn btn-danger btn-ef btn-ef-5 btn-ef-5b mb-10" ng-click="openDeleteModal('+data.codeDiplome+')"><i class="fa fa-trash"></i> <span>'+$scope.delete+'</span></button>'; 
      } else { 
      return ''; 
      } 

     }) 
    ]; 

答えて

0

ソリューションは、たとえばdt-responsiveのためのDataTableに特別なクラスを追加して、我々は、このクラスにスタイルを割り当てることだったwidth: 100%!important

関連する問題