CODEWITHSUNDEEP
angularag-grid-angular
Harshal Surve
Harshal Surve

Reputation: 173

Ag grid header checkbox selection

I am using Ag-grid with server-side data

HTML code is:

<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 file code:

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
})

It will show me the grid with checkbox:

enter image description here

Why when I uncheck the checkbox e.g. uncheck FY2014E and scroll horizontally then again it shows the checkbox as selected?

Upvotes: 0

Views: 1957

Answers (1)

upinder kumar
upinder kumar

Reputation: 837

Hi Harshal you have to set suppressColumnVirtualisation property in your gridOptions like that:

this.gridOptions.suppressColumnVirtualisation = true;

Upvotes: 1

Related Questions