angularjs数据表没有响应

Question

我正在使用角度数据表，我必须指出：#/app/configurations/formations和#/app/configurations/filieres，所以当我在这两种状态之间切换时，我会遇到一些与演示相关的问题：< / p>

第一次访问#/app/configurations/formations时，这就是它的外观：

但是当我访问其他状态时，例如：#/app/configurations/filieres我的数据表并未在整个页面中展开：

并且我的应用程序中的所有数据表仍然存在此行为，因此我总是刷新页面以使数据表在整个页面中展开。

这就是我构建所有数据表的方式：

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

        })
    ];

Answer 1

解决方案是在数据表中添加特殊类，例如dt-responsive，然后我们为此类width: 100%!important

指定一个样式