2015-07-09 1 views
7

Я использую ui-grid в одном из моих проектов, и одним из требований является скрыть/показать столбцы в сетке. Скрытие столбцов хорошо работает, но как я могу снова показать скрытый столбец?Повторно показать скрытую колонку в ui-grid AngularJs

После поиска некоторое время я обнаружил, что в нг сетке есть showColumnMenu, которые дают возможность показать столбец после пряча его, 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 }; 

, но в Ui сетке с использованием showColumnMenu не работает.

Мне было интересно, если кто-то знает, как показывать скрытые столбцы.

Спасибо,

ответ

12

нг-сетка повторного записать в виде Ui-сетки. Ваш пример ссылки указывает на ng-сетку. Но если вам интересно, как это сделать в угловой-ui-сетке.

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview Взгляните на этот пример. Чтобы показать скрытые столбцы, вам нужно включитьGridMenu, который покажет вам возможность показывать скрытые столбцы.

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

Спасибо Kanthir за полезную помощь. Я добавил этот пример в ng-grid только для того, чтобы понять, что я действительно хочу. Я искал эквивалент showColumnMenu в ui-grid, но я не нашел его. – I3i0

+0

не есть enableShowing по той же причине ??? – bschmitty

Смежные вопросы