react/compose-with-tanstack-store

You can share TanStack Table state across components by composing the table with TanStack Store atoms. Providing these atoms through useTable options.atoms allows external state slices to be read and written without onChange callbacks.

Managing React table state externally is best done using TanStack Store atoms. By wiring atom ownership via options.atoms, the table writes directly to your atoms, eliminating callback-based state plumbing for slices like sorting and filtering.

TanStack Store integrates with TanStack Table by using useCreateAtom to define state slices and useSelector for narrow reads. This fine-grained subscription model lets components subscribe only to specific table state slices like column visibility.

Yes, you can persist column filters and visibility state by owning those slices externally with TanStack Store. Because the table state lives outside the render path in atoms, you can easily save and restore the state from localStorage.

Yes, TanStack Table supports coordinated UI state across multiple data grids. By sharing state slices like row selection and column filters through TanStack Store atoms, multiple tables can maintain consistent behavior and synchronized state.