行分组:启用分页功能时,将行分组子级与父组置于同一页面

时间:2018-09-04 17:43:59

标签: reactjs ag-grid ag-grid-react

我正在用ag-grid在React中实现行分组。我拥有企业版,并且正在使用服务器端作为rowModelType。我已经启用了分页功能(例如,每页5行)。 当我第一次看到该表时,我在屏幕上拥有第一个父行组:

Row grouping first page

当我扩展具有70个孩子的第一个父组(奥地利)时,我希望不要在同一页面上截断这些孩子,而要在同一页面上显示这些孩子和其他4个国家。我得到的是这个:

First parent group expanded. Children counted as items and cut off in first page

以下是Plunker中的示例:

{https://plnkr.co/edit/2bn1OsgrpIKGcLgDJHIt?p=preview}

是否有一种方法可以将页面大小保持在5行中,但是仅将父组计为项目,而不将子组计为项目?最终目的是将子级与父级组放在同一页面上,以防万一有其他解决方案,而无需在defs列中将其具体分组。

谢谢!

1 个答案:

答案 0 :(得分:0)

我想您在理解分页和分组的工作原理上有些错误。

Grouping提供了一种更好的方式组织数据以便用户理解的可能性,与Pagination相同,它具有一层level

您希望具有复杂的逻辑来分别处理分页的parentchild数据。 因此,您需要使用Master/Detail功能来拆分逻辑,并对每一层都有自己的分页。