How to expand all rows by default?

[Kavimugilan17]

HI,
How to expand all rows by default.
Can you please anyone help?

Codesandbox Link:
https://codesandbox.io/s/competent-cohen-bsnw3?file=/src/App.js

[rantibi]

just add the following:
useEffect(() => { toggleAllRowsExpanded(); }, []);

[Kavimugilan17]

Great!!, Thank you so much. It's working fine.

[dclark27]

Please don't use an effect to achieve this. Simply set expanded to true when creating your useState for the expanding.

const [expanded, setExpanded] = useState<ExpandedState>(true);

[brmzkw]

If tanstack table controls the state:

  const table = useReactTable({
   …
    initialState: { expanded: true },
    getExpandedRowModel: getExpandedRowModel(),
  });