optimistic-gold

How to handle the row deselection on onRowSelectionChange (using zustand)?

Hi, all the example in the docs use React state and just directly pass the setState to onRowSelectionChange I'm using zustand to manage state and this is what I came up with

selectedLinks: {
  1: true,
},
setSelectedLinks: (obj, ...args) => {
  set((state) => {
    state.dataSource.selectedLinks = {
      ...state.dataSource.selectedLinks,
      ...obj(),
    };
  });
}

selectedLinks: {
  1: true,
},
setSelectedLinks: (obj, ...args) => {
  set((state) => {
    state.dataSource.selectedLinks = {
      ...state.dataSource.selectedLinks,
      ...obj(),
    };
  });
}

// DataTable.tsx
const table = useReactTable({
  data,
  columns,
  enableRowSelection: true,
  getCoreRowModel: getCoreRowModel(),
  state: {
    rowSelection,
  },
  onRowSelectionChange,
});

// DataTable.tsx
const table = useReactTable({
  data,
  columns,
  enableRowSelection: true,
  getCoreRowModel: getCoreRowModel(),
  state: {
    rowSelection,
  },
  onRowSelectionChange,
});

Now I expected if I deselect a row I'd get the index value as false so but that's not the case, how do I handle the Deselection?

2 Replies

optimistic-goldOP•3y ago

This is almost 1 week old. Can somebody please help me out here? cc @Austin Condiff @Tanner Linsley 🥺

compatible-crimson•3y ago

Obj is an updater that takes the precious value. You’re not passing the precious value to it?

Gaming

Programming

How to handle the row deselection on onRowSelectionChange (using zustand)?

Did you find this page helpful?