Javascript 如何使用ExtJS 4.1将一个网格放入另一个网格的单元格中

我在ExtJS中读到了网格的rowexpander特性，但正如其名称所示，这只适用于行。我想把网格放到另一个网格的单个单元格中，以显示详细的数据。我读到可以用ExtJS4将任何东西嵌套到任何组件中，但我找不到这样的例子

我想做的是：

对我的数据使用一个大网格，但记录的一个字段有大约>20个子条目。 所以我想把所有内容都放在一行中，但是一个字段应该是每行一个字段中的一列网格。因此，用户可以滚动到这一个单元格，我保持行的宽度很小

ID | hits | key/value
1  | 123  | a = 2rtr
---------------------
2  | 234  | a = 53jgh
---------------------
3  | 345  | a = 10asd     <--- 1 column table/for scrolling
   |      | b = 111asd
   |      | c = 123adsad
   |      | ...
---------------------
4  | 456  | b = xyz

ID |点击|键/值
1 | 123 | a=2rtr
---------------------
2 | 234 | a=53jgh
---------------------
3 | 345 | a=10asd通过大量工作，您可能能够将网格嵌入到单元格中，但我永远不会推荐这样做。如果你能让它工作，它的性能会很差。网格不应像表格那样嵌套。
也许您可以使用标题分组来获得所需的内容


否则，您可以为注入HTML表的列定义自定义呈现器