Syncfusion Grid Checkbox checked rows always reset when navigate button up / down inside grid

[Tony]

Hi,

I need help to solve my problem,

the problem is when i has syncfusion grid with persistSelection set to false, i select multiple row inside grid, but when i press up / bottom button on my keyboard, selected items will reset and become checked only on selected rows. 

I just want navigator button up / down run normal like a navigator up / down only. not selecting / checking  row inside grid.

Please help me

Regards,

Tony

[Vignesh Sivagnanam]

Hi Tony 

Greetings From Syncfusion support 

Based on your query we understand that you want to use the up/down arrow only to navigate through the grid instead of selection. We have Prepared a sample based on your requirement through the below way using the Load event in the Grid. Please refer the below Code Example For your reference, 

Code Example : 

<ejs-grid #grid [dataSource]='data' allowPaging='true' [enableHover]="false" [allowSelection]="true" 

    (load)="load($event)" [selectionSettings]="selectOptions" [editSettings]='editSettings' [toolbar]='toolbar'> 

    ……………………………….. 

  </ejs-grid> 

public ngOnInit(): void { 

    this.data = orderDetails; 

    this.selectOptions = { persistSelection: false}; 

  } 

  load() { 

    (this.grid as any).selectionModule.applyDownUpKey = function( 

      rowIndex, 

      cellIndex 

    ) { 

      return; 

    }; 

  } 

Sample : https://stackblitz.com/edit/angular-14yrvg-uabbrc?file=app.component.ts 

Regards 

Vignesh Sivagnanam