disabled angularjs Datatable Sortierung für angegebene Spalten

Ich arbeite mit angularjs Datentabelle, wo ich nicht für alle Spalten sortieren müssen. Daher möchte ich die Sortierung für bestimmte Spalten deaktivieren. Ich möchte die Sortierung für Spalte Nr. Deaktivieren. 2 und 4 für den folgenden Fall.disabled angularjs Datatable Sortierung für angegebene Spalten

var app = angular.module('myApp',['datatables']); 
 
app.controller('MyCtrl', function($scope,DTOptionsBuilder,DTColumnBuilder) { 
 

 
    $scope.list = [ 
 
     {"eid":"10","ename":"nam1","sales":"20"}, 
 
     {"eid":"20","ename":"nam2","sales":"20"}, 
 
     {"eid":"30","ename":"nam3","sales":"20"}, 
 
     {"eid":"40","ename":"nam4","sales":"20"} 
 
    ]; 
 
    $scope.vm = {}; 
 

 
$scope.vm.dtOptions = DTOptionsBuilder.newOptions() 
 
     .withOption('order', [0, 'asc']); 
 
$scope.vm.dtColumnDefs = [ 
 
    DTColumnDefBuilder.newColumnDef(1).notSortable(), 
 
    DTColumnDefBuilder.newColumnDef(3).notSortable() 
 
]; 
 

 
});

<html> 
 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
    <script src="http://phpflow.com/demo/angular_datatable_demo/angular-datatables.min.js"></script> 
 
    <script src="http://phpflow.com/demo/angular_datatable_demo/jquery.dataTables.min.js"></script> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="http://phpflow.com/demo/angular_datatable_demo/datatables.bootstrap.css"> 
 
</head> 
 
<div class="container"> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
<table class="table table-striped table-bordered" dt-options="vm.dtOptions" dt-column-defs="vm.dtColumnDefs" datatable="ng"> 
 
    <thead> 
 
     <tr> 
 
\t <th>Employee ID</th> 
 
\t <th>name</th> 
 
\t <th>sales</th> 
 
\t <th>details</th> 
 

 
</thead> 
 
    <tbody> 
 
    
 
    <tr ng-repeat="data in list"> 
 
     <td> {{ data.eid }} </td> 
 
     <td> {{ data.ename }} </td> 
 
     <td> {{ data.sales }} </td> 
 
     <td>view</td> 
 
</tr> 
 
</tbody> 
 
</table> 
 
</div>

Quelle

2017-06-12 query

versuchen es:

$scope.vm.dtOptions = DTOptionsBuilder.newOptions() 
      .withOption('order', [0, 'asc']); 
    $scope.vm.dtColumnDefs = [ 
     DTColumnDefBuilder.newColumnDef(1).notSortable(), 
     DTColumnDefBuilder.newColumnDef(3).notSortable() 
    ]; 
});

Quelle

2017-06-12 14:32:26 sergioBertolazzo

Ich habe meine Frage mit Ihrer Antwort bearbeitet, aber jetzt bin ich immer DTColumnDefBuilder nicht Fehler definiert, so wird es sehr hilfreich sein, wenn Ihr kann ein Code-Snippet mit Ihrer Antwort bereitstellen. – query

Versuchen Sie es jetzt, ich habe meine Antwort bearbeitet – sergioBertolazzo

immer noch Error: DTColumnDefBuilder ist nicht definiert – query

disabled angularjs Datatable Sortierung für angegebene Spalten

Antwort

Verwandte Themen