Ben varsayılan olarak, üç sütun vardır ui-grid oluşturdu

ui-ızgara sütun başlığından Sıralama menüsünü çıkarın, sütun başlığı, bir 'v' (resimde kırmızı daire içinde işaretli) şeklinde simgesi İşteBen varsayılan olarak, üç sütun vardır ui-grid oluşturdu

kodu ve plunker:

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']); 
 

 

 
app.controller('ThirdCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) { 
 
     $scope.gridOptions = { 
 
     expandableRowTemplate: 'expandableRowTemplate.html', 
 
     expandableRowHeight: 150, 
 
     onRegisterApi: function (gridApi) { 
 
      gridApi.expandable.on.rowExpandedStateChanged($scope, function (row) { 
 
       if (row.isExpanded) { 
 
        row.entity.subGridOptions = { 
 
        columnDefs: [ 
 
        { name: 'name'}, 
 
        { name: 'gender'}, 
 
        { name: 'company'} 
 
        ]}; 
 

 
        $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/100.json') 
 
        .success(function(data) { 
 
         row.entity.subGridOptions.data = data; 
 
        }); 
 
       } 
 
      }); 
 
     } 
 
     } 
 

 
     $scope.gridOptions.columnDefs = [ 
 
     { name: 'id', pinnedLeft:true }, 
 
     { name: 'name'}, 
 
     { name: 'age'}, 
 
     { name: 'address.city'} 
 
     ]; 
 

 
     $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json') 
 
     .success(function(data) { 
 
      $scope.gridOptions.data = data; 
 
     }); 
 
    }]);

.grid { 
 
    width: 100%; 
 
    height: 400px; 
 
}

<!doctype html> 
 
<html ng-app="app"> 
 
    <head> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script> 
 
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script> 
 
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script> 
 
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script> 
 
    <script src="http://ui-grid.info/release/ui-grid.js"></script> 
 
    <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"> 
 
    <link rel="stylesheet" href="main.css" type="text/css"> 
 
    </head> 
 
    <body> 
 

 

 
<div ng-controller="ThirdCtrl"> 
 
    <div ui-grid="gridOptions" ui-grid-expandable class="grid"></div> 
 
</div> 
 

 

 
    <script src="app.js"></script> 
 
    </body> 
 
</html>

th yukarıdaki resimde Projemde oluşturduğum e grid.

Sorum, "v" işaretini üstbilgi satırındaki kırmızı daire içinde nasıl kaldırabilirim?

kaynak

2015-09-19 Michael

Ne istiyorsun geçerli:

$scope.gridOptions = { 
    enableColumnMenus: false 
    ... 
}

kaynak

2015-09-20 10:33:16 Chris

Bu doğru cevap değil. Normalde, columDef'leriniz tanımlanmış. Sonra enableColumsMenus'u her columDef'in içine taşımalısınız. Yani aşağıdaki cevap doğrudur! –

'Bu doğru cevap değil' diyeceğimi bilmiyorum. OP, tüm alt başlıklardaki menü düşüşlerinin nasıl kaldırılacağını sordu ve bu cevap bu soru için doğru. Diğer cevap, ayrıntı düzeyi hakkında ek bilgi sağlar, ancak bu yanıtı yanlış yapmaz. – bradimus

Sen sıralama devre dışı bırakabilir

$scope.gridOptions = { 
      enableSorting: false, 
      .. 
    }

kaynak

2015-09-19 17:55:45

herhangi bir fikir Başlık satırındaki 'v' işaretini nasıl kaldırırım? – Michael

Sütun menüsünde belirli bir girişi kaldırabilmemin herhangi bir yolu var mı? Sütun sabitlemenin etkinleştirilebildiğini söyleyelim, menüde pimi sola veya sağa çevireceğim. Ama gizlemek istediğim belirli bir sütun için. Bu – BiJ

için herhangi bir yapılandırma var mı? Bunun bir nedeni, bu benim için çalıştı, ancak enableColumnMenu daha popüler Yanıtlar gibi değil. – cellepo

Chris tarafından önerildiği gibi aşağıdakileri yapmanız tüm sütundan kaldırmak isterseniz:

$scope.gridOptions = { 
     enableColumnMenus: false 
     ... 
    }

Ancak bir veya daha fazla sütundan kaldırmak istiyorsanız, tüm sütunları değil

$scope.gridOptions = { 
    columnDefs: [ 
     {      
      enableColumnMenu: false, 
    ... 
}

enableColumnMenus'un varsayılan değerinin doğru olduğunu unutmayın.

kaynak

2016-01-08 09:03:25 madan

bu kesinlikle benim için çalışıyor! –

Bunu, ilgili sütun tanımında enableSorting: false değerini belirterek yönettim, bu, belirtilen belirtilebilir belgenin aksine: false.

var uiGrid = []; 
var columnsUiGrid = [ 
    { displayName: 'Column A', field: 'model.ColumnA' }, 
    { displayName: 'Column B', field: 'model.ColumnB', enableSorting: false } 
]; 

$scope.uiGridOptions = { 
    enableSorting: true, 
    columnDefs: columnsUiGrid, 
    data: uiGrid 
};

kaynak

2016-04-20 12:10:04 csharpsql

Ben varsayılan olarak, üç sütun vardır ui-grid oluşturdu

cevap

İlgili konular