[Bug]: Dynamically adding and removing rows from a web component table with expansion does not work

[lee-chase]

Package

@carbon/web-components

Browser

Chrome

Package version

2.16.0

React version

N/A

Description

The cds-table fails to correctly add expandable to rows when they dynamically change.

Apart from failing to update the rows, other problems may exist due to local values like this._tableRows being out of date.

Reproduction/example

https://stackblitz.com/edit/github-skkfec-rxxnnp?file=src%2Fmain.jsx,index.html

Steps to reproduce

Add rows dynamically (not removing makes cds-table internals stale too) to a table with exapansion.

Note the expandable drop down is missing from every row.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems