Ag 网格 header 复选框选择

Question

我正在使用 Ag-grid 和 server-side 数据

HTML代码为：

<ag-grid-angular *ngIf="isShowProceedButton" #agGrid style="width: 100%; height: 70vh; float: left;" class="ag-theme-balham template-grid" [enableSorting]="true" [enableFilter]="true" [gridOptions]="gridOptions" (gridReady)="onGridReady($event)" rowSelection="multiple">
</ag-grid-angular>

TS文件代码：

this.columnDefs.push({
  // headerName: keyValues[j], field: this.headers[i],
  headerName: keyValues[j],
  field: this.headers[i],
  'isMapped': 0,
  'skipRow': this.rowHeader[i].skipRow,
  headerComponentFramework: AgGridCheckboxComponent,
  'isShowCheckBox': this.isShowProceedButton
})

它将显示带有复选框的网格：

为什么当我取消选中复选框时，例如取消选中 FY2014E 并水平滚动然后再次显示复选框已选中？

Answer 1

你好 Harshal，你必须像这样在你的 gridOptions 中设置 suppressColumnVirtualisation 属性：

this.gridOptions.suppressColumnVirtualisation = true;

Ag 网格 header 复选框选择

Ag grid header checkbox selection

angular

ag-grid-angular