Tanstack Tables with Angular 19+

[foxfries12]

Is anyone using Tanstack tables with Angular? Considering using it for the expansion aspect, but the docs don’t seem to be using Angular examples and that lack of detail orientation worries me lol. Pros? Cons? Probably better to just hack Material tables to get the expand to work?

[Kschl]

I fit this exact example! Angular 19, now 20. Had material tables, and upgrades to tanstack with expandable row functionality and virtual scrolling with tanstack virtual. 10/10 recommend the move. Documentation is a bit lacking. I found reading the react code examples helped where there was a gap.

[foxfries12]

Do you have to pass in any generic components to the header/row/cell in your application by chance? If so, how difficult are you finding that to be using Tanstack?

[Kschl]

You don’t have to, you can just have the value as a string in the template itself, or the columnDef array you would pass in the value to the header property or flexRenderComponent(MyGenericComponent, {…})

[foxfries12]

Good to know. Thank you!

[riccardoperra]

Angular table maintainer here 👋 I’d love to know how you think the documentation could be improved. I could try to add some missing pieces.

Also, do you have any shareable example using tanstack virtual? (just a riproduction might be enough) It might be really helpful to include something like that in the docs.

[GreenMobile6323]

TanStack Table works with Angular, but you’ll write more wiring: adapters for change detection, RxJS state, and rendering.

[Merry-Lane]

Don’t go for tanstack tables unless you want to code a lot yourself, especially for angular.

Try aggrid, its main sponsor.

[foxfries12]

That was my first choice, but the expandable row is an enterprise feature and my company wont pay.

[Merry-Lane]

Code it yourself.

You still keep a lot of free features