2016-04-12 25 views
0

duyarlı değildir ve ben devletler var: #/app/configurations/formations ve #/app/configurations/filieres yüzden aşağıdaki gibi sunum ile ilgili bazı sorunlar var, bu iki durum arasında geçiş yaparken:angularjs datatables ben açısal datatables çalışıyorum

ilk

enter image description here

ama örneğin diğer bazı devlet eriştiklerinde: #/app/configurations/filieres benim datatable tüm sayfayı genişletilmez: Ben #/app/configurations/formations eriştiklerinde zaman bu göründüğü nasıl

enter image description here

ve bu davranış benim uygulamada tüm datatables kalır, bu yüzden Datatable tüm sayfada genişletmek yapmak için sayfayı yenilemek için her zaman var.

bu ben bütün datatables nasıl inşa geçerli:

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 ''; 
      } 

     }) 
    ]; 

cevap

0

çözüm örnek dt-responsive için datatable özel sınıf ekleyin ve sonra bu sınıfa bir stil atamak oldu width: 100%!important