데이터와 행 ID

행은 일반 객체입니다. getRowId가 없으면 행을 순서로 구분하기 때문에 데이터를 교체하면 선택이 해제됩니다. getRowId를 주면 같은 ID의 행은 setData 후에도 선택이 유지됩니다.

행은 일반 객체입니다. getRowId가 없으면 행을 순서로 구분하기 때문에 데이터를 교체하면 선택이 해제됩니다. getRowId를 주면 같은 ID의 행은 setData 후에도 선택이 유지됩니다.

const grid = createGrid(el, {
  columns,
  data: rows,
  getRowId: row => String(row.id), // keeps selection and focus stable across setData
});

grid.setData(await fetch('/api/orders').then(r => r.json()));
grid.getData();               // rows as passed in
grid.getDisplayedRowCount();  // rows after filters