Skip to content

Angular: Issue with FlexRenderComponent not updating row references in context (injectFlexRenderContext) #5767

@d9nny

Description

@d9nny

TanStack Table version

v8.20.5

Framework/Library version

Angular 17

Describe the bug and the steps to reproduce it

Description:

Expected behaviour: When using FlexRenderComponent and injectFlexRenderContext with column defs (like a checkbox component for row selection), the row context should update reactively in sync with the selection model.

Actual behaviour: The model updates correctly (e.g., selection count is accurate), but the row reference in the context does not, causing methods like row.getIsSelected() to return stale data (I assume). For example, if you click the header checkbox, you can see it updates the model, but none of the body rows show as being selected.

Workaround: Rendering the checkboxes directly in the table template without FlexRenderComponent works as expected.

Reproduce:

It can be seen in your example
https://tanstack.com/table/latest/docs/framework/angular/examples/row-selection

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://tanstack.com/table/latest/docs/framework/angular/examples/row-selection

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms & Code of Conduct

  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions