ag-grid不允许我在控制面板中拖动列到行组中。

Question

我在控制面板中拖动列时遇到了一个问题，也是在控制面板中的行组通道中。下面是我的组选项和默认的列行为。

 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',
  };

目前，当我抓取一列时，我得到的是Waring stopping Icon。任何帮助是感激的

Answer 1

由于我将css中的ZOOM属性设置为90%，网格没有正确定位，我拖入的列不会触发行分组。