How to get the list of hided column name/id while click the toggle button

[rmshmaudlin]

const [columnVisibility, setcolumnVisibility] = useState({column1 : true},{column2 : true})
const onColumnVisibilityChange = ( ) =>{
//how to get the list of column id/name hided. I want to save the column list in db
}
<MaterialReactTable
      columns={columns}
      data={data}
      state={{columnVisibility}}
      onColumnVisibilityChange={onColumnVisibilityChange}
    />

[KevinVandy]

you already have the columnVisibility state right there. What else do you need?

[imnasnainaec]

@rmshmaudlin Try something like this:

const [columnVisibility, setColumnVisibility] = useState<MRT_VisibilityState>({ column1: true, column2: true })

useEffect(() => {
  // You can call your function to update the database here;
  // it will trigger every time the table updates `columnVisibility`.
}, [columnVisibility]);

// Pass both `columnVisibility` AND `setColumnVisibility` to the table,
// then you have full local control of the visibility state.
<MaterialReactTable
      columns={columns}
      data={data}
      state={{ columnVisibility }}
      onColumnVisibilityChange={setColumnVisibility}
    />