Ri-mostra la colonna nascosta nella griglia utente AngularJs

Question

Sto utilizzando la griglia in uno dei miei progetti e uno dei requisiti è nascondere/mostrare le colonne nella griglia. Nascondere le colonne funziona bene, ma come posso visualizzare nuovamente la colonna nascosta?

Dopo aver cercato un po 'ho trovato che in ng-griglia è showColumnMenu che fornisce la capacità di mostrare colonna dopo nasconderlo, see this example I found

$scope.gridOptions = { 
data: 'myData', 
columnDefs: [{ 
       field: "id", 
       visible: false 
      },{ 
       field: "name", 
       displayName : "name" 
      },{ 
       field: "age", 
       displayname: "age", 

      }] , 
multiSelect: false, 
showGroupPanel: true, 
selectedItems: [], 
showColumnMenu: true }; 

, ma in ui-griglia utilizzando showColumnMenu non funziona.

Mi chiedevo se qualcuno sa come mostrare le colonne nascoste.

Grazie,

Answer 1

ng-griglia viene nuovamente scritto come ui-griglia. Il tuo link di esempio punta a ng-grid. Ma se ti stai chiedendo come farlo in angolare-interfaccia utente.

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview Dai un'occhiata a questo esempio. Per mostrare le colonne nascoste, devi abilitareGridMenu, che ti mostrerà l'opzione per mostrare le colonne nascoste.

$scope.gridOptions = { 
    exporterMenuCsv: false, 
    enableGridMenu: true,   
    columnDefs: [ 
     { name: 'name' }, 
     { name: 'gender', enableHiding: false }, 
     { name: 'company' } 
    ], 
    ... 
    };