[ AGGRID ] 그리드 행 추가, 삭제시 맨 위로 스크롤 되는 현상 해결

 

 

'-' 버튼을 누르면 해당 행이 삭제 되고,

'+' 버튼을 누르면 해당 행 밑에 행이 추가 되는 로직을 만들었다. 

 

그런데, 버튼을 눌러서 데이터셋에 변화가 생기면 스크롤이 계속 위로가는 현상이 있었다. 

 

 

 

 

저 행들은 그리드의 아래쪽에 포지션되어 있는데, 

추가되면 스크롤이 그리드 맨위로 이동해서 추가된 데이터가 보이지 않고 위쪽 데이터만 보이는 것이다. 

 

 

suppressScrollOnNewData: true

 

그리드 Props에 이 코드를 추가해주니, 해결 되었다 !

 

https://www.ag-grid.com/javascript-data-grid/grid-options/#reference-scrolling-suppressScrollOnNewData

JavaScript Grid: Grid Options Reference | AG Grid

 

When true, the grid will not scroll to the top when new row data is provided. Use this if you don't want the default behaviour of scrolling to the top every time you load new data.

새로운 행 데이터가 제공될 때 그리드가 맨 위로 스크롤되지 않습니다. 새 데이터를 로드할 때마다 맨 위로 스크롤하는 기본 동작을 원하지 않는 경우 이 옵션을 사용합니다.

 

공식문서에서는 이렇게 설명하고 있다. 

 

aggrid에서는 새 데이터를 로드할 때, 맨 위로 스크롤하는 기능이 내장되어 있었구나를 제대로 깨달았다..!!