Javascript 多个动态表并与同一数据源绑定

我有一个主表，显示为GridView。用户可以创建子列表，并将所选行从主表移动到新创建的子列表。用户可以创建多个子列表。子列表实际上只是数据库表中的一个列值。但对于用户来说，这是一个单独的行列表，所以我需要在前端的单独表中显示这些列表。 我可以使用一个主表和一个子表，即从主表中选择行并添加到子表视图中（都是asp.net GridView）

但我完全不知道如何动态创建子列表的多个副本（子列表的数量不是固定的），并将它们绑定到使用一个列值过滤的相同数据源

技术堆栈是asp.net/JS/JQuery，可以稍微学习和使用AngularJS

有人能给我指一下正确的方向吗

还有一个谦虚的请求，不要燃烧。我没有试过，因为我真的不知道从哪里开始。正如我所说，我可以使用一个主-子表，但不能使用一个主-多个子表