Jquery 使用Django动态向下钻取数据表

我想有一个表，如果你点击一行，它将允许用户向下钻取，并获得有关该行的更多信息。向下钻取表或详细信息表的数量应该是动态的。一行可以向下钻取并显示3条记录，另一行可以向下钻取并显示2条记录。。我发现了这个例子，但我发现它非常复杂。我只是想知道是否有任何正式的解决方案来实现这个

[ { 'site': "USA", 'site_allocated': 4158L, 'site_used': 3581L, 'data': {     u'tenant1': { 'flavor_info': [ { 'flavor_allocated': 5L, 'name': u'abcdef', 'flavor_used': 4L }, { 'flavor_allocated': 5L, 'name': u'pqrst', 'flavor_used': 1L } ], 'tenant_used': 5L, 'tenant_allocated': 10L }, u'tenant2': { 'flavor_info': [ { 'flavor_allocated': 50L, 'name': u'aabbhdg', 'flavor_used': 50L } ], 'tenant_used': 50L, 'tenant_allocated': 50L }, }, }, { 'site': "FRA", 'site_allocated': 4158L, 'site_used': 3581L, 'data': { u'tenant1': { 'flavor_info': [ { 'flavor_allocated': 5L, 'name': u'hdjfur', 'flavor_used': 4L }, { 'flavor_allocated': 5L, 'name': u'kkdjf', 'flavor_used': 1L } ], 'tenant_used': 5L, 'tenant_allocated': 10L }, u'tenant2': { 'flavor_info': [ { 'flavor_allocated': 50L, 'name': u'hhdyfht', 'flavor_used': 50L } ], 'tenant_used': 50L, 'tenant_allocated': 50L }, }, } ]

---

看起来您将为要展开的行创建一个模板，然后将其注入到“父”表中。我猜您必须编写逻辑来创建另一个链接，允许用户再次展开。

在我的例子中，子行不是固定的。父表中的某些行可以有3个子行（我的数据中的flavor_info），而某些行可以有1个子行。我需要动态地创建这些行。