Frage Versteckte Spalte in ui-grid AngularJs erneut anzeigen


Ich benutze ui-Grid in einem meiner Projekte und eine der Anforderungen ist es, Spalten im Grid zu verstecken / anzeigen. Spalten ausblenden funktioniert gut, aber wie kann ich dann die versteckte Spalte erneut anzeigen?

Nach einer Weile habe ich festgestellt, dass in ng-grid showcolumnMenu vorhanden ist, was die Möglichkeit bietet, die Spalte nach dem Ausblenden anzuzeigen. Siehe dieses Beispiel, das ich gefunden habe

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

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

, aber in ui-grid mit showColumnMenu funktioniert nicht.

Ich habe mich gefragt, ob jemand wissen kann, wie man versteckte Spalten anzeigt.

Vielen Dank,


7
2017-07-09 11:25


Ursprung


Antworten:


ng-grid wird als ui-grid neu geschrieben. Ihre Beispielverknüpfung verweist auf ng-grid. Aber wenn Sie sich fragen, wie Sie das im angular-ui-Raster tun können.

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview Schauen Sie sich dieses Beispiel an. Um anzuzeigen, dass die Spalten ausgeblendet sind, müssen Sie enableGridMenu aktivieren, wodurch Ihnen die Option zum Anzeigen der ausgeblendeten Spalten angezeigt wird.

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

12
2017-07-09 17:44