const columns = [
  { id: 'name', header: 'Name', accessor: 'name', sortable: true },
  { id: 'email', header: 'Email', accessor: 'email' },
  { id: 'amount', header: 'Amount', accessor: 'amount', numeric: true },
];

<DataGrid
  data={users}
  columns={columns}
  getRowId={(row) => row.id}
  selectable
  showCheckbox
  hoverable
  onSort={(state) => console.log('Sort:', state)}
  rowEventHandlers={{
    onRowClick: (row) => console.log('Clicked:', row),
  }}
/>