ag-grid 不允许我将列拖到控制面板中的行组中答案

【问题标题】：ag-grid is not allowing for me to drag columns into the row group within the control panelag-grid 不允许我将列拖到控制面板中的行组中
【发布时间】：2020-09-04 14:18:51
【问题描述】：

我在将控制面板中的列拖动到控制面板中的行组面板时遇到问题。以下是我的网格选项和默认列行为。

 gridOptions={

    floatingFilter: false,
    animateRows:true,
    columnDefs:this.columnDefs,
    groupMultiAutoColumn:true,
    groupHideOpenParents:true,
    suppressMakeColumnVisibleAfterUnGroup:true,
    suppressAggFuncInHeader:true,
    suppressMenuHide:true,

    suppressColumnVirtualisation:true,



    autoGroupColumnDef:{
        resizable: true,
        filterValueGetter: function(params) {
          var colGettingGrouped = params.colDef.showRowGroup;
          var valueForOtherCol = params.api.getValue(
            colGettingGrouped,
            params.node
          );
          return valueForOtherCol;
        },

      }
  };

 this.defaultColDef = {flex: 1,
    minWidth: 125,
    maxWidth:500,
    sortable: true,
    filter: true,
    enableRowGroup: true,
    enablePivot: true,

    enableValue:true,

    cellFilter: 'number: 2',
    resizable:true,
    menuTabs: ['filterMenuTab', 'generalMenuTab', 'columnsMenuTab'],
    sortingOrder: ['asc','desc', 'null'] ,

    allowedAggFuncs: ['sum', 'avg', 'count'],
  };  this.aggFuncs = {
    sum: this.sumFunction,
    avg: this.avgAggFunction,


  }; this.sideBar = {
    toolPanels: [
      {
        id: 'columns',
        labelDefault: 'Columns',
        labelKey: 'columns',
        iconKey: 'columns',
        toolPanel: 'agColumnsToolPanel',
        toolPanelParams: { suppressSyncLayoutWithGrid: true },
      },
    ],
    defaultToolPanel: 'columns',
  };

目前，当我抓取一个专栏时，我会担心停止 Icon。任何帮助表示赞赏！

【问题讨论】：

标签： ag-grid ag-grid-angular

【解决方案1】：

由于我将 css 中的 ZOOM 属性设置为 90%，因此网格的方向不正确，并且我要拖入的列不会触发行分组。

【讨论】：