Expanding rows on filtering

[BorisChubiryaev]

How do I automatically expand the tree structure when searching if the desired value is inside a child value?

Now we have to manually open the structure...

[BorisChubiryaev]

I found a solution!

` useEffect(() => {
const expandedRows = table.getRowModel().rows.map(row => row.id)

if (table.getState().globalFilter === undefined || '') {
  table.setExpanded(
    [rootNode[0]?.uuid, selectedNode.parent_id].reduce((accum, id) => ({ ...accum, [id]: true }), {})
  )
} else {
  table.setExpanded(expandedRows.reduce((accum, id) => ({ ...accum, [id]: true }), {}))
}

}, [table.getState().globalFilter])`

! in the IF condition, we hide the nested table elements (in my case, the main parent element of the table is revealed) when we clear the search (global filter).

in the ELSE condition, we expand the table when we search for something in the search (global filter).